@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#090a0f;--bg-secondary:#121420;--bg-tertiary:#1a1d30;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--bg-header:rgba(9,10,15,0.6);--accent-primary:#4f46e5;--accent-secondary:#06b6d4;--accent-hover:#6366f1;--accent-glow:rgba(79,70,229,0.15);--border-color:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.16);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-sm:0 2px 8px -2px rgba(0,0,0,0.5);--shadow-md:0 10px 25px -5px rgba(0,0,0,0.6),0 8px 16px -6px rgba(0,0,0,0.6);--shadow-lg:0 25px 50px -12px rgba(0,0,0,0.8)}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--bg-header:rgba(255,255,255,0.8);--accent-primary:#4f46e5;--accent-secondary:#0ea5e9;--accent-hover:#3730a3;--accent-glow:rgba(79,70,229,0.08);--border-color:rgba(15,23,42,0.08);--border-hover:rgba(15,23,42,0.16);--shadow-sm:0 2px 8px -2px rgba(0,0,0,0.05);--shadow-md:0 10px 25px -5px rgba(0,0,0,0.08),0 8px 16px -6px rgba(0,0,0,0.08);--shadow-lg:0 25px 50px -12px rgba(0,0,0,0.12)}*{box-sizing:border-box;padding:0;margin:0}body,html{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glow-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(79,70,229,.08) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.05) 0,transparent 40%);z-index:-1;pointer-events:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:12px}.gap-md{gap:24px}.gap-lg{gap:48px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.glass-card{background:rgba(255,255,255,.02);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}:root[data-theme=light] .glass-card{background:rgba(255,255,255,.7)}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:15px;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:#ffffff;box-shadow:0 4px 15px rgba(79,70,229,.3)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,70,229,.4)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:60px 40px;text-align:center;background:rgba(255,255,255,.01);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}:root[data-theme=light] .upload-zone{background:rgba(15,23,42,.01)}.upload-zone.dragging,.upload-zone:hover{border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow)}h1{font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-.02em}h2{font-size:32px;font-weight:700;letter-spacing:-.015em}h3{font-size:20px;font-weight:600}p{color:var(--text-secondary);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes pulse{0%{transform:scale(.98);box-shadow:0 0 0 0 rgba(79,70,229,.4)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(79,70,229,0)}to{transform:scale(.98);box-shadow:0 0 0 0 rgba(79,70,229,0)}}.pulse{animation:pulse 2s infinite}@media (max-width:768px){h1{font-size:36px}h2{font-size:26px}.grid-3{grid-template-columns:1fr}.container{padding:0 16px}}