@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";
:root{--bg:#030712;--surface:#0f172a;--surface-muted:#1e293b;--border:#ffffff14;--border-active:#fff3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#f97316;--accent-soft:#f973161a;--accent-bright:#fb923c;--success:#10b981;--success-soft:#10b9811a;--warning:#f59e0b;--warning-soft:#f59e0b1a;--error:#ef4444;--error-soft:#ef44441a;--container-max:1100px;--gap:24px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-lg:0 20px 25px -5px #0000004d, 0 10px 10px -5px #0003}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 20% 0,#f9731614,#0000 40%),radial-gradient(circle at 80% 100%,#38bdf80d,#0000 40%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}h1,h2,h3,.font-heading{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}main{max-width:var(--container-max);gap:var(--gap);flex-direction:column;margin:0 auto;padding:60px 20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.grid-layout{gap:var(--gap);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:900px){.grid-layout{grid-template-columns:1fr}}.hero{text-align:center;margin-bottom:20px}.hero h1{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 24px;font-size:1.125rem}.badge-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.badge{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#ffffff05;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;transition:all .2s;display:flex}.drop-zone:hover,.drop-zone.active{border-color:var(--accent);background:var(--accent-soft)}.drop-zone svg{color:var(--text-muted);transition:color .2s}.drop-zone:hover svg,.drop-zone.active svg{color:var(--accent)}.input-group{flex-direction:column;gap:8px;display:flex}.label{color:var(--text-secondary);font-size:.875rem;font-weight:500}input[type=text],input[type=email]{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-bright);transform:translateY(-1px)}.btn-secondary{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--border-active)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.status-card{border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px}.status-indicator.ready{background:var(--success);box-shadow:0 0 12px var(--success)}.status-indicator.processing{background:var(--warning);animation:2s infinite pulse}.status-indicator.failed{background:var(--error)}.status-indicator.idle{background:var(--text-muted)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.error-text{color:var(--error);margin-top:4px;font-size:.875rem}.file-info{background:var(--surface-muted);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.875rem;font-weight:500;overflow:hidden}.file-size{color:var(--text-muted);font-size:.75rem}.help-box{background:var(--surface-muted);border-radius:var(--radius-md);padding:20px;font-size:.875rem}.help-box strong{color:var(--accent-bright)}.help-steps{counter-reset:step;margin-top:12px;list-style:none}.help-steps li{color:var(--text-secondary);margin-bottom:12px;padding-left:32px;position:relative}.help-steps li:before{counter-increment:step;content:counter(step);background:var(--accent-soft);width:20px;height:20px;color:var(--accent-bright);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-2px;left:0}.preview-container{margin-top:20px}.preview-content{color:#111827;border-radius:var(--radius-md);background:#fff;min-height:300px;max-height:800px;padding:60px;line-height:1.6;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000d}.preview-content :where(h1,h2,h3){color:#030712;margin-top:2em;margin-bottom:.8em}.preview-content p{margin-bottom:1.2em}.preview-content a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.preview-content ul,.preview-content ol{margin-bottom:1.2em;padding-left:1.5em}.preview-content li{margin-bottom:.5em}.partner-footer{text-align:center;color:var(--text-muted);margin-top:40px;font-size:.875rem}.partner-footer a{color:var(--accent);font-weight:600;text-decoration:none}.partner-footer a:hover{text-decoration:underline}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.w-full{width:100%}