@font-face{font-family:Cubano;src:url(/fonts/Cubano.ttf) format("truetype");font-weight:400;font-style:normal}:root{--color-bg: #0c0c0c;--color-surface: #161616;--color-surface-2: #1f1f1f;--color-border: #2c2c2c;--color-text: #efefef;--color-text-muted: #888888;--color-accent: #f95d1d;--color-accent-subtle: rgba(249, 93, 29, .12);--color-error: #ff4d4d;--font-display: "Cubano", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2{font-family:Cubano,sans-serif;color:var(--color-text);margin-top:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem}button{background:transparent;color:var(--color-text);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.5rem 1.25rem;cursor:pointer}button:hover{border-color:#ffffff8c}.btn-primary,button[type=submit]{background:var(--color-accent);color:#000;font-family:Cubano,sans-serif;font-size:1rem;border:none;border-radius:8px;padding:.75rem 2rem;cursor:pointer;box-shadow:0 4px 14px #0006}.btn-primary:hover,button[type=submit]:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-text);border-radius:8px;padding:.5rem 1.25rem;cursor:pointer}.btn-ghost:hover{background:#ffffff14}.wordmark{font-family:Cubano,sans-serif}input[type=email],input[type=text]{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;width:100%;box-sizing:border-box;font-size:1rem}.auth-phase,.otp-phase,.upload-phase,.processing-phase,.done-phase{width:100%;max-width:600px;margin:0 auto;padding:1rem}.auth-phase,.otp-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.auth-form{display:flex;flex-direction:column;gap:.75rem}.app-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.5rem 0}#credit-count{font-family:Cubano,sans-serif;color:var(--color-accent);margin-left:auto}.error{color:var(--color-error);font-size:.875rem;margin-top:.5rem}.file-label input[type=file]{display:none}.download-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.download-buttons>*{flex:1 1 calc(50% - .5rem);min-width:140px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--color-accent);border-radius:50%;margin:0 auto 1.5rem;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.player-btn{background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.progress-track{flex:1;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);width:0%;transition:width .1s linear}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:80px 2rem;max-width:680px;margin:0 auto}.section{padding:80px 2rem;max-width:960px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-card{max-width:400px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;text-align:center}.footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}@media (max-width: 767px){.auth-phase,.otp-phase,.upload-phase,.processing-phase,.done-phase{padding:.75rem}.app-header{flex-direction:column;align-items:flex-start}.download-buttons{flex-direction:column}.download-buttons button{flex:1 1 100%}.card{padding:1.25rem}.steps{grid-template-columns:1fr}form input,form button{width:100%}}