@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-cream:#fff6e9;--c-black:#121212;--c-white:#fff;--c-yellow:#fcd148;--c-pink:#fa58ae;--c-purple:#8c82fc;--c-blue:#2ab7ca;--c-green:#00c49a;--border-thick:3px solid var(--c-black);--shadow-hard:5px 5px 0px 0px var(--c-black);--shadow-hover:2px 2px 0px 0px var(--c-black);--radius-main:12px;--radius-large:24px}body{background-color:var(--bg-cream);color:var(--c-black);min-height:100vh;font-family:Space Grotesk,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-cream);border-left:var(--border-thick)}::-webkit-scrollbar-thumb{background:var(--c-black);border:2px solid var(--bg-cream)}.neo-box{background:var(--c-white);border:var(--border-thick);box-shadow:var(--shadow-hard);border-radius:var(--radius-main);transition:all .2s ease-in-out}.neo-button{cursor:pointer;background:var(--c-yellow);color:var(--c-black);border:var(--border-thick);box-shadow:var(--shadow-hard);text-transform:uppercase;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:all .1s;display:inline-flex}.neo-button:hover{box-shadow:0px 0px 0px 0px var(--c-black);transform:translate(3px,3px)}.neo-button:active{transform:translate(5px,5px)}.neo-select{appearance:none;background-color:var(--c-white);border:var(--border-thick);border-radius:var(--radius-main);cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;min-width:150px;padding:12px 16px;font-family:inherit;font-weight:700}:root{--bg-cream:#fff6e9;--c-black:#121212;--c-white:#fff;--c-yellow:#fcd148;--c-pink:#fa58b6;--c-purple:#8c82fc;--c-blue:#2ab7ca;--c-green:#00c49a;--border-thick:3px solid var(--c-black);--shadow-hard:4px 4px 0px 0px var(--c-black);--radius-main:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--c-black);font-family:Space Grotesk,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:.5rem 1rem;display:flex;position:relative}.navbar{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 0;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:900;display:flex}.logo-icon{border:var(--border-thick);background:#f000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:3px 3px #000}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--c-black);font-weight:600;text-decoration:none}.nav-links a:hover,.nav-links a.active{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--c-pink);text-decoration-color:var(--c-pink)}.neo-button-small{background:var(--c-white);border:var(--border-thick);cursor:pointer;color:#000;padding:6px 14px;font-family:inherit;font-weight:700;transition:all .1s;box-shadow:3px 3px #000}.neo-button-small:hover{font-family:inherit;transform:translate(2px,2px);box-shadow:1px 1px #000}.main-content{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding-bottom:2rem;display:flex;position:relative}.hero-text{text-align:center;max-width:600px}.hero-text h1{text-transform:uppercase;margin-bottom:.5rem;font-size:2.5rem;line-height:1.1}.hero-text .highlight{background-color:var(--c-pink);color:#fff;border:3px solid #000;border-radius:6px;padding:0 8px;display:inline-block;transform:rotate(-2deg);box-shadow:3px 3px #000}.converter-card{background:var(--c-white);border:var(--border-thick);border-radius:var(--radius-main);width:100%;max-width:600px;box-shadow:var(--shadow-hard);position:relative}.card-badge{background:var(--c-green);border:var(--border-thick);z-index:10;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:-12px;right:-5px;transform:rotate(2deg);box-shadow:2px 2px #000}.card-content{padding:2rem}.upload-zone{border:3px dashed var(--c-black);border-radius:var(--radius-main);text-align:center;cursor:pointer;background-color:#f8f9fa;height:160px;margin-bottom:1.5rem;padding:2rem;transition:all .2s;position:relative}.upload-zone:hover,.upload-zone.has-file{background-color:#eef2ff;border-style:solid}.hidden-input{display:none}.upload-icon{margin-bottom:.5rem;font-size:2.5rem}.file-preview{background:var(--c-white);border:var(--border-thick);border-radius:var(--radius-main);text-align:left;align-items:center;gap:1rem;margin-top:12px;padding:.8rem;display:flex;box-shadow:3px 3px #000}.icon-wrapper{font-size:1.5rem}.file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.file-size{opacity:.7;white-space:nowrap;font-size:.8rem}.remove-btn{background:var(--c-pink);cursor:pointer;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-weight:700;display:flex}.controls-row{z-index:20;align-items:flex-end;gap:1rem;display:flex}.control-group{flex-direction:column;flex:1;gap:.3rem;min-width:160px;display:flex}.control-group label{text-transform:uppercase;font-size:.8rem;font-weight:700}.custom-select-container{font-family:Space Grotesk,sans-serif;position:relative}.custom-select-trigger{background:var(--c-white);border:var(--border-thick);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;transition:all .15s;display:flex;box-shadow:4px 4px #000}.custom-select-trigger:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.custom-options-list{background:var(--c-white);border:var(--border-thick);z-index:100;border-radius:12px;max-height:220px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow-y:auto;box-shadow:5px 5px #000}.custom-option{cursor:pointer;color:var(--c-black);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 12px;font-weight:600;transition:background .1s;display:flex}.custom-option:hover{background-color:#e0e7ff}.custom-option.selected{background-color:var(--c-yellow)}.arrow-icon{transition:transform .2s}.rotate-180{transform:rotate(180deg)}.cta-button{background:var(--c-yellow);color:var(--c-black);border:var(--border-thick);box-shadow:var(--shadow-hard);text-transform:uppercase;cursor:pointer;border-radius:50px;flex:2;justify-content:center;align-items:center;gap:10px;height:48px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .1s;display:flex}.cta-button:hover{box-shadow:0px 0px 0px 0px var(--c-black);transform:translate(2px,2px)}.features-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:600px;display:grid}.feature-card{text-align:center;border:var(--border-thick);border-radius:var(--radius-main);box-shadow:var(--shadow-hard);color:var(--c-white);padding:1rem;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-card.pink{background-color:var(--c-pink)}.feature-card.blue{background-color:var(--c-blue)}.feature-card.green{background-color:var(--c-green)}.feature-card h3{text-shadow:2px 2px #0003;flex:1;justify-content:center;align-items:center;margin:0;font-size:1.1rem;display:flex}.feature-card p{flex:2;justify-content:center;align-items:center;margin:0;font-size:.9rem;font-weight:600;display:flex}.shape{z-index:0;border:var(--border-thick);position:absolute}.circle-shape{background:var(--c-yellow);border-radius:50%;width:60px;height:60px;top:10%;left:5%;box-shadow:4px 4px #000}.triangle-shape{border-left:30px solid #0000;border-right:30px solid #0000;border-bottom:50px solid var(--c-purple);filter:drop-shadow(4px 4px #000);border:none;width:0;height:0;top:15%;right:5%;transform:rotate(15deg)}.box-shape{background:var(--c-blue);width:50px;height:50px;bottom:5%;left:8%;transform:rotate(-10deg);box-shadow:4px 4px #000}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.controls-row{flex-direction:column;align-items:stretch;gap:1.5rem}.shape{display:none}.cta-button{height:auto;padding:14px}.hero-text{padding-top:30px;padding-bottom:15px}.upload-zone{padding:1rem}.upload-zone.has-file{padding:1.8rem 1rem}}