@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..900;1,14..32,300..900&display=swap";:root{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-surface-2: #f1f5f9;--bg-elevated: rgba(255, 255, 255, .8);--bg-glass: rgba(255, 255, 255, .72);--bg-glass-hover: rgba(255, 255, 255, .88);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--border-glass: rgba(255, 255, 255, .35);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .18);--accent-subtle: rgba(99, 102, 241, .08);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-xl: 0 24px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--shadow-glass: 0 8px 32px rgba(99,102,241,.08), inset 0 1px 0 rgba(255,255,255,.6);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--blur-glass: blur(20px) saturate(180%)}html.dark{--bg-base: #020617;--bg-surface: #0f172a;--bg-surface-2: #1e293b;--bg-elevated: rgba(15, 23, 42, .8);--bg-glass: rgba(15, 23, 42, .65);--bg-glass-hover: rgba(15, 23, 42, .8);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--border-glass: rgba(255, 255, 255, .08);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--accent-glow: rgba(99, 102, 241, .25);--accent-subtle: rgba(99, 102, 241, .12);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--shadow-xl: 0 24px 48px rgba(0,0,0,.6);--shadow-glass: 0 8px 32px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary);transition:background-color .35s ease,color .35s ease;overflow-x:hidden;font-size:16px}.glass-morphism{background:var(--bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-morphism:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-lg)}.glass-panel{background:var(--bg-elevated);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s ease}.sparq-card{background:var(--bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease}.sparq-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.sparq-input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}.sparq-input::placeholder{color:var(--text-tertiary)}.sparq-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);padding:.75rem 1.25rem;min-height:2.75rem;min-width:2.75rem;transition:all .2s ease;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sparq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);padding:.75rem 1.25rem;min-height:2.75rem;transition:all .2s ease;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sparq-btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.sparq-btn-primary:hover{background:var(--accent-secondary);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.sparq-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.sparq-btn-ghost:hover{background:var(--bg-surface-2);color:var(--text-primary)}.view-container{max-width:82rem;margin-left:auto;margin-right:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem;animation:fade-in .45s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:10;color:var(--text-primary)}@media(min-width:640px){.view-container{padding:1.75rem 1.5rem;gap:1.75rem}}@media(min-width:768px){.view-container{padding:2.5rem 2rem;gap:2rem}}@media(min-width:1024px){.view-container{padding:3rem 2.5rem;gap:2.5rem}}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary)}.stat-value{font-size:clamp(1.25rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1.15}@media(hover:none){.sparq-card:hover,.tech-card:hover{transform:none}}@media(min-width:640px){.study-notes-modal{border-radius:var(--radius-xl)!important}}.noise-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.35;transition:opacity .5s ease}html.dark .orb{opacity:.2}@keyframes fade-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fade-in .45s cubic-bezier(.16,1,.3,1) both}.animate-float{animation:float 6s ease-in-out infinite}.animate-slide-up{animation:slide-up .4s ease-out both}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.tech-card{transition:transform .25s ease,box-shadow .25s ease}.tech-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sparq-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent}.sparq-badge-blue{background:#6366f11f;color:#6366f1;border-color:#6366f133}.sparq-badge-green{background:#10b9811f;color:#10b981;border-color:#10b98133}.sparq-badge-amber{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b33}.sparq-badge-red{background:#ef44441f;color:#ef4444;border-color:#ef444433}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.4);cursor:pointer}html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.75)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-elevated) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-sm{height:.75rem}.skeleton-md{height:1rem}.skeleton-lg{height:1.5rem}.skeleton-circle{border-radius:50%}.skeleton-btn{height:2.75rem;width:7rem;border-radius:var(--radius-md)}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 70px #6366f11f}}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 4s ease infinite}@keyframes count-pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.animate-count-pop{animation:count-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slide-in-left .5s cubic-bezier(.16,1,.3,1) both}.animate-slide-in-right{animation:slide-in-right .5s cubic-bezier(.16,1,.3,1) both}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .4s cubic-bezier(.16,1,.3,1) both}.nav-glass{background:var(--bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.landing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.landing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#6366f140}.stat-pill-value{font-size:2rem;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-pill-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary);margin-top:.25rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent-subtle);color:var(--accent-primary);font-size:.8125rem;font-weight:800;border:1.5px solid rgba(99,102,241,.3);letter-spacing:.02em;flex-shrink:0}.section-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-strong),transparent)}.dot-grid{background-image:radial-gradient(circle at 1px 1px,var(--border) 1.5px,transparent 0);background-size:24px 24px}.cta-gradient{background:linear-gradient(135deg,#4f46e5,#7c3aed,#4338ca)}.underline-accent{position:relative}.underline-accent:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;border-radius:1px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.underline-accent:hover:after{transform:scaleX(1)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-2xl);background:var(--bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-xl);background:var(--accent-subtle);border:1px solid rgba(99,102,241,.2);color:var(--accent-primary)}@media(hover:none){.landing-card:hover{transform:none}}