@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--font-sans:"Poppins","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji",sans-serif;--brand-500:#6366f1;--brand-600:#5850ec;--brand-400:#8b5cf6;--brand-300:#a78bfa;--brand-gradient:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-400) 100%);--brand-gradient-intense:linear-gradient(135deg,var(--brand-600) 0%,var(--brand-500) 100%);--color-bg:#0f1320;--color-surface:#151a2b;--color-card:#1b2236;--color-border:#262d45;--ink:#e6e8ef;--ink-soft:#cbd5e1;--ink-muted:#a6b0cf;--muted:#a6b0cf;--success:#22c55e;--success-bg:color-mix(in oklab,var(--success) 15%,var(--color-card));--success-border:color-mix(in oklab,var(--success) 30%,var(--color-border));--warn:#f59e0b;--warn-bg:color-mix(in oklab,var(--warn) 15%,var(--color-card));--warn-border:color-mix(in oklab,var(--warn) 30%,var(--color-border));--danger:#ef4444;--danger-bg:color-mix(in oklab,var(--danger) 15%,var(--color-card));--danger-border:color-mix(in oklab,var(--danger) 30%,var(--color-border));--info:#06b6d4;--info-bg:color-mix(in oklab,var(--info) 15%,var(--color-card));--info-border:color-mix(in oklab,var(--info) 30%,var(--color-border));--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 2px 4px #00000059,0 1px 2px #00000040;--shadow-md:0 8px 16px #00000059,0 2px 8px #0000004d;--shadow-lg:0 16px 36px #00000073,0 10px 16px #00000059;--shadow-xl:0 24px 48px #00000080,0 16px 24px #0006;--ease:cubic-bezier(0.22,1,0.36,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--dur-fast:120ms;--dur:220ms;--dur-slow:420ms;--container-max:1200px;--content-max:800px;--progress-height:10px;--header-height:64px}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1320;background:var(--color-bg);font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#e6e8ef;color:var(--ink);margin:0}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:clamp(1.125rem,2vw,1.25rem)}h6{font-size:clamp(1rem,1.5vw,1.125rem)}p{line-height:1.6;margin:0 0 1rem}a{color:#6366f1;color:var(--brand-500);text-decoration:none;transition:color .22s cubic-bezier(.22,1,.36,1);transition:color var(--dur) var(--ease)}a:hover{color:#8b5cf6;color:var(--brand-400)}.container{max-width:1200px;max-width:var(--container-max)}.container,.content-container{margin:0 auto;padding:0 16px;padding:0 var(--s-4)}.content-container{max-width:800px;max-width:var(--content-max)}.section{margin-top:48px;margin-top:var(--s-12)}.section-lg{margin-top:80px;margin-top:var(--s-20)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.flex-start{align-items:flex-start;display:flex}.flex-end{align-items:flex-end;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px;gap:var(--s-1)}.gap-2{gap:8px;gap:var(--s-2)}.gap-3{gap:12px;gap:var(--s-3)}.gap-4{gap:16px;gap:var(--s-4)}.gap-6{gap:24px;gap:var(--s-6)}.gap-8{gap:32px;gap:var(--s-8)}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grid{grid-gap:20px;grid-gap:var(--s-5);display:grid;gap:20px;gap:var(--s-5)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:4px;margin-top:var(--s-1)}.mt-2{margin-top:8px;margin-top:var(--s-2)}.mt-3{margin-top:12px;margin-top:var(--s-3)}.mt-4{margin-top:16px;margin-top:var(--s-4)}.mt-6{margin-top:24px;margin-top:var(--s-6)}.mt-8{margin-top:32px;margin-top:var(--s-8)}.mt-12{margin-top:48px;margin-top:var(--s-12)}.mb-1{margin-bottom:4px;margin-bottom:var(--s-1)}.mb-2{margin-bottom:8px;margin-bottom:var(--s-2)}.mb-3{margin-bottom:12px;margin-bottom:var(--s-3)}.mb-4{margin-bottom:16px;margin-bottom:var(--s-4)}.mb-6{margin-bottom:24px;margin-bottom:var(--s-6)}.mb-8{margin-bottom:32px;margin-bottom:var(--s-8)}.ml-1{margin-left:4px;margin-left:var(--s-1)}.ml-auto{margin-left:auto}.p-0{padding:0}.p-2{padding:8px;padding:var(--s-2)}.p-3{padding:12px;padding:var(--s-3)}.p-4{padding:16px;padding:var(--s-4)}.p-6{padding:24px;padding:var(--s-6)}.space-y-2>*+*{margin-top:8px;margin-top:var(--s-2)}.space-y-3>*+*{margin-top:12px;margin-top:var(--s-3)}.space-y-4>*+*{margin-top:16px;margin-top:var(--s-4)}.space-y-6>*+*{margin-top:24px;margin-top:var(--s-6)}.w-full{width:100%}.w-8{width:32px}.h-8{height:32px}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-muted{color:#a6b0cf;color:var(--muted)}.text-ink{color:#e6e8ef;color:var(--ink)}.text-success{color:#22c55e;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-info{color:#06b6d4;color:var(--info)}.text-brand-500{color:#6366f1;color:var(--brand-500)}.loading{display:inline-flex;font-weight:600;gap:12px;gap:var(--s-3)}.loading,.loading-state{align-items:center;color:#a6b0cf;color:var(--muted)}.loading-state{display:flex;flex-direction:column;gap:16px;gap:var(--s-4);justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #262d45;border-radius:50%;border-top-color:#6366f1;border:2px solid var(--color-border);border-top-color:var(--brand-500);height:20px;width:20px}.loading-state .loading-spinner{height:32px;width:32px}.error-state{align-items:center;color:#a6b0cf;color:var(--muted);display:flex;flex-direction:column;gap:16px;gap:var(--s-4);justify-content:center;min-height:400px;text-align:center}.error{color:#ef4444;color:var(--danger);font-size:.875rem;font-weight:600}.empty-state{align-items:center;background:#151a2b;background:var(--color-surface);border:2px dashed #262d45;border:2px dashed var(--color-border);border-radius:16px;border-radius:var(--r-lg);color:#a6b0cf;color:var(--muted);display:flex;flex-direction:column;gap:16px;gap:var(--s-4);justify-content:center;min-height:300px;padding:48px 16px;padding:var(--s-12) var(--s-4);text-align:center}.empty-state h3{color:#e6e8ef;color:var(--ink);margin:0}.empty-state p{margin:0;max-width:400px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bg-anim{--px:0px;--py:0px;filter:blur(40px) saturate(120%);inset:-15vmax;pointer-events:none;position:fixed;z-index:-1}.bg-anim .orb{animation:float .42s cubic-bezier(.22,1,.36,1) infinite alternate;animation:float var(--dur-slow) var(--ease) infinite alternate;background:radial-gradient(circle at 30% 30%,#6366f18c,#8b5cf640,#0000 60%);border-radius:50%;height:42vmax;mix-blend-mode:screen;opacity:.22;position:absolute;transform:translate3d(calc(var(--px)*.04),calc(var(--py)*.04),0);width:42vmax;will-change:transform,opacity}.bg-anim .orb-a{animation-duration:16s;left:-6%;top:-10%}.bg-anim .orb-b{animation-duration:19s;bottom:-12%;right:-8%}.bg-anim .orb-c{animation-duration:22s;right:10%;top:30%}.bg-anim .orb-d{animation-duration:26s;bottom:10%;left:30%}@keyframes float{0%{transform:translate3d(calc(var(--px)*.04),calc(var(--py)*.04),0) scale(1)}to{transform:translate3d(calc(var(--px)*.04 + 2.5vw),calc(var(--py)*.04 - 2.5vh),0) scale(1.045)}}.card{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);padding:24px;padding:var(--s-6);transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.card:hover{border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border));box-shadow:0 8px 16px #00000059,0 2px 8px #0000004d;box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.card-interactive:hover{border-color:color-mix(in oklab,#6366f1 40%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 40%,var(--color-border));box-shadow:0 16px 36px #00000073,0 10px 16px #00000059;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-title{align-items:center;color:#e6e8ef;color:var(--ink);display:flex;font-weight:800;gap:12px;gap:var(--s-3);margin:0 0 8px;margin:0 0 var(--s-2) 0}.card-subtitle{color:#a6b0cf;color:var(--muted);font-size:.9rem;margin:0 0 16px;margin:0 0 var(--s-4) 0}.page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:#e6e8ef;color:var(--ink);display:flex;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;gap:12px;gap:var(--s-3);margin:0 0 8px;margin:0 0 var(--s-2) 0}.fo-header{animation:slideDown .6s cubic-bezier(.22,1,.36,1) both;animation:slideDown .6s var(--ease) both;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);background:color-mix(in oklab,#0f1320 85%,#0000);background:color-mix(in oklab,var(--color-bg) 85%,#0000);border-bottom:1px solid #262d45;border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:50}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.fo-header-inner{align-items:center;display:flex;height:64px;height:var(--header-height);justify-content:space-between;position:relative}.brand{align-items:center;color:inherit;display:inline-flex;gap:12px;gap:var(--s-3);text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1);transition:transform var(--dur) var(--ease)}.brand:hover{transform:scale(1.02)}.brand-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-radius:10px;border-radius:var(--r-sm);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;height:36px;justify-content:center;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:36px}.brand:hover .brand-badge{box-shadow:0 8px 16px #00000059,0 2px 8px #0000004d;box-shadow:var(--shadow-md);transform:rotate(5deg)}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:900;letter-spacing:-.02em}.brand-sub{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--r-pill);color:#a6b0cf;color:var(--muted);font-size:.75rem;font-weight:600;margin-top:2px;padding:2px 8px}.site-nav{align-items:center;display:none;gap:4px;gap:var(--s-1)}.nav-link{border:1px solid #0000;border-radius:10px;border-radius:var(--r-sm);color:#e6e8ef;color:var(--ink);font-size:.9rem;font-weight:700;overflow:hidden;padding:10px 14px;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.nav-link:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur) var(--ease);z-index:-1}.nav-link:hover{background:color-mix(in oklab,#6366f1 18%,#0000);background:color-mix(in oklab,var(--brand-500) 18%,#0000);border-color:color-mix(in oklab,#6366f1 28%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 28%,var(--color-border));box-shadow:0 1px 2px #00000040;box-shadow:var(--shadow-xs);color:#fff;transform:translateY(-1px)}.nav-link.active{background:color-mix(in oklab,#6366f1 15%,#1b2236);background:color-mix(in oklab,var(--brand-500) 15%,var(--color-card));border-color:color-mix(in oklab,#6366f1 40%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 40%,var(--color-border));box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);color:#e6e8ef;color:var(--ink)}.nav-cta{margin-left:8px;margin-left:var(--s-2)}.nav-toggle{align-items:center;background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#e6e8ef;color:var(--ink);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:40px}.nav-toggle:hover{background:#1b2236;background:var(--color-card);border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border));transform:scale(1.05)}@media (min-width:900px){.site-nav{display:inline-flex}.nav-toggle{display:none}}.btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:8px;gap:var(--s-2);justify-content:center;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);white-space:nowrap;will-change:transform}.btn:hover{box-shadow:0 8px 16px #00000059,0 2px 8px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0);transition-duration:.12s;transition-duration:var(--dur-fast)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn:focus{outline:2px solid #6366f1;outline:2px solid var(--brand-500);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);box-shadow:0 4px 16px color-mix(in oklab,#6366f1 35%,#0000);box-shadow:0 4px 16px color-mix(in oklab,var(--brand-500) 35%,#0000);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px color-mix(in oklab,#6366f1 45%,#0000);box-shadow:0 8px 24px color-mix(in oklab,var(--brand-500) 45%,#0000);color:#fff}.nav-cta.btn-primary:hover,.nav-cta:hover{background:linear-gradient(135deg,#5850ec,#6366f1);background:var(--brand-gradient-intense);color:#fff}.btn-secondary{background:#151a2b;background:var(--color-surface);border-color:#262d45;border-color:var(--color-border);color:#e6e8ef;color:var(--ink)}.btn-secondary:hover{background:#1b2236;background:var(--color-card);border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border))}.btn-outline{background:#0000;border-color:color-mix(in oklab,#6366f1 40%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 40%,var(--color-border));color:#6366f1;color:var(--brand-500)}.btn-outline:hover{background:color-mix(in oklab,#6366f1 10%,#0000);background:color-mix(in oklab,var(--brand-500) 10%,#0000);border-color:#6366f1;border-color:var(--brand-500)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success) 0,#16a34a 100%);box-shadow:0 4px 16px color-mix(in oklab,#22c55e 35%,#0000);box-shadow:0 4px 16px color-mix(in oklab,var(--success) 35%,#0000);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger) 0,#dc2626 100%);box-shadow:0 4px 16px color-mix(in oklab,#ef4444 35%,#0000);box-shadow:0 4px 16px color-mix(in oklab,var(--danger) 35%,#0000);color:#fff}.btn-ghost{background:#0000;border-color:#0000;color:#a6b0cf;color:var(--muted)}.btn-ghost:hover{background:#151a2b;background:var(--color-surface);color:#e6e8ef;color:var(--ink)}.btn-sm{font-size:.8rem;padding:8px 14px}.btn-lg{font-size:1rem;padding:16px 24px}.btn-xl{font-size:1.1rem;padding:18px 32px}.form-group{margin-bottom:16px;margin-bottom:var(--s-4)}.form-label{display:block;font-size:.9rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--s-2)}.form-input,.form-label{color:#e6e8ef;color:var(--ink)}.form-input{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:100%}.form-input:focus{background:#1b2236;background:var(--color-card);border-color:#6366f1;border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in oklab,#6366f1 20%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-500) 20%,#0000);outline:none}.form-input::placeholder{color:#a6b0cf;color:var(--muted)}textarea.form-input{min-height:120px;resize:vertical}.check-row{cursor:pointer;display:inline-flex;font-weight:600}.check-row,.search-bar{align-items:center;gap:12px;gap:var(--s-3)}.search-bar{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);display:flex;padding:12px 16px;position:relative;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.search-bar:focus-within{background:#1b2236;background:var(--color-card);border-color:#6366f1;border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in oklab,#6366f1 20%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-500) 20%,#0000)}.search-bar input{background:#0000;border:none;color:#e6e8ef;color:var(--ink);flex:1 1;font-family:inherit;font-size:1rem;outline:none}.search-bar input::placeholder,.search-bar svg{color:#a6b0cf;color:var(--muted)}.search-bar svg{flex-shrink:0}.badge{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--r-pill);display:inline-flex;font-size:.75rem;font-weight:800;gap:8px;gap:var(--s-2);letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-primary{background:color-mix(in oklab,#6366f1 15%,#151a2b);background:color-mix(in oklab,var(--brand-500) 15%,var(--color-surface));border-color:color-mix(in oklab,#6366f1 25%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 25%,var(--color-border));color:#6366f1;color:var(--brand-500)}.badge-success{background:color-mix(in oklab,#22c55e 15%,#1b2236);background:var(--success-bg);border-color:color-mix(in oklab,#22c55e 30%,#262d45);border-color:var(--success-border);color:#22c55e;color:var(--success)}.badge-warning{background:color-mix(in oklab,#f59e0b 15%,#1b2236);background:var(--warn-bg);border-color:color-mix(in oklab,#f59e0b 30%,#262d45);border-color:var(--warn-border);color:#f59e0b;color:var(--warn)}.badge-danger{background:color-mix(in oklab,#ef4444 15%,#1b2236);background:var(--danger-bg);border-color:color-mix(in oklab,#ef4444 30%,#262d45);border-color:var(--danger-border);color:#ef4444;color:var(--danger)}.chip{align-items:center;background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--r-pill);color:#e6e8ef;color:var(--ink);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;gap:var(--s-1);padding:6px 12px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);white-space:nowrap}.chip:hover{background:#1b2236;background:var(--color-card);border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border));transform:translateY(-1px)}.chip-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-color:#0000;box-shadow:0 2px 8px color-mix(in oklab,#6366f1 35%,#0000);box-shadow:0 2px 8px color-mix(in oklab,var(--brand-500) 35%,#0000);color:#fff}.chip-ghost{background:#0000;border-color:#262d45;border-color:var(--color-border);color:#a6b0cf;color:var(--muted)}.chip-success{background:color-mix(in oklab,#22c55e 15%,#1b2236);background:var(--success-bg);border-color:color-mix(in oklab,#22c55e 30%,#262d45);border-color:var(--success-border);color:#22c55e;color:var(--success)}.chip-danger{background:color-mix(in oklab,#ef4444 15%,#1b2236);background:var(--danger-bg);border-color:color-mix(in oklab,#ef4444 30%,#262d45);border-color:var(--danger-border);color:#ef4444;color:var(--danger)}.progress-bar{background:#262d45;background:var(--color-border);height:10px;height:var(--progress-height);overflow:hidden;position:relative;width:100%}.progress-bar,.progress-fill{border-radius:999px;border-radius:var(--r-pill)}.progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);height:100%;transition:width .42s cubic-bezier(.22,1,.36,1);transition:width var(--dur-slow) var(--ease)}.quiz-card{margin:0;max-width:none}.question-frame{will-change:transform,opacity}.slide-in-right{animation:slideInRight .38s cubic-bezier(.22,1,.36,1) both;animation:slideInRight .38s var(--ease) both}.slide-in-left{animation:slideInLeft .38s cubic-bezier(.22,1,.36,1) both;animation:slideInLeft .38s var(--ease) both}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.qid-hint{color:#a6b0cf;color:var(--muted);font-size:.875rem;font-weight:600;margin-right:8px;margin-right:var(--s-2)}.option-card{align-items:center;background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:12px;gap:var(--s-3);margin-bottom:12px;margin-bottom:var(--s-3);min-height:56px;padding:16px;padding:var(--s-4);position:relative;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.option-card:hover{border-color:color-mix(in oklab,#6366f1 50%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 50%,var(--color-border));box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.option-card.selected{background:color-mix(in oklab,#6366f1 15%,#1b2236);background:color-mix(in oklab,var(--brand-500) 15%,var(--color-card));border-color:#6366f1;border-color:var(--brand-500);box-shadow:0 4px 12px color-mix(in oklab,#6366f1 25%,#0000);box-shadow:0 4px 12px color-mix(in oklab,var(--brand-500) 25%,#0000)}.option-card.correct{background:color-mix(in oklab,#22c55e 15%,#1b2236);background:var(--success-bg);border-color:#22c55e;border-color:var(--success)}.option-card.incorrect{background:color-mix(in oklab,#ef4444 15%,#1b2236);background:var(--danger-bg);border-color:#ef4444;border-color:var(--danger)}.explanation{background:color-mix(in oklab,#06b6d4 10%,#1b2236);background:color-mix(in oklab,var(--info) 10%,var(--color-card));border:1px solid color-mix(in oklab,#06b6d4 20%,#262d45);border:1px solid color-mix(in oklab,var(--info) 20%,var(--color-border));color:#e6e8ef;color:var(--ink);margin-top:16px;margin-top:var(--s-4);padding:16px;padding:var(--s-4)}.explanation,.qnav{border-radius:10px;border-radius:var(--r-sm)}.qnav{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);margin-bottom:16px;margin-bottom:var(--s-4);padding:12px;padding:var(--s-3);position:relative}.qnav-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:4px;gap:var(--s-1);overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.question-nav-btn{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#e6e8ef;color:var(--ink);cursor:pointer;flex-shrink:0;font-weight:800;height:44px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:44px}.question-nav-btn:hover{border-color:color-mix(in oklab,#6366f1 50%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 50%,var(--color-border));transform:translateY(-2px)}.question-nav-btn.current,.question-nav-btn:hover{box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm)}.question-nav-btn.current{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-color:#0000;color:#fff}.question-nav-btn.answered{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success) 0,#16a34a 100%);border-color:#0000;color:#fff}.timer{align-items:center;background:color-mix(in oklab,#06b6d4 15%,#1b2236);background:var(--info-bg);border:1px solid color-mix(in oklab,#06b6d4 30%,#262d45);border:1px solid var(--info-border);border-radius:999px;border-radius:var(--r-pill);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);color:#06b6d4;color:var(--info);display:inline-flex;font-size:.875rem;font-weight:800;gap:8px;gap:var(--s-2);margin-left:auto;padding:8px 12px;padding:var(--s-2) var(--s-3);position:-webkit-sticky;position:sticky;top:24px;top:var(--s-6)}.timer.warning{background:color-mix(in oklab,#f59e0b 15%,#1b2236);background:var(--warn-bg);border-color:color-mix(in oklab,#f59e0b 30%,#262d45);border-color:var(--warn-border);color:#f59e0b;color:var(--warn)}.timer.danger{animation:pulse 1.2s infinite;background:color-mix(in oklab,#ef4444 15%,#1b2236);background:var(--danger-bg);border-color:color-mix(in oklab,#ef4444 30%,#262d45);border-color:var(--danger-border);color:#ef4444;color:var(--danger)}.progress-summary{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#a6b0cf;color:var(--muted);font-size:.875rem;margin-top:24px;margin-top:var(--s-6);padding:12px 16px;padding:var(--s-3) var(--s-4);text-align:center}.score-display{-webkit-text-fill-color:#0000;animation:scoreGlow 2.2s ease-in-out infinite alternate;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:16px;margin-bottom:var(--s-4);text-shadow:0 0 28px #6366f173}@keyframes scoreGlow{0%{filter:drop-shadow(0 6px 16px rgba(99,102,241,.35))}to{filter:drop-shadow(0 12px 28px rgba(139,92,246,.45))}}.landing-hero{align-items:center;background:linear-gradient(135deg,#0f1320,color-mix(in oklab,#6366f1 8%,#0f1320));background:linear-gradient(135deg,var(--color-bg) 0,color-mix(in oklab,var(--brand-500) 8%,var(--color-bg)) 100%);display:flex;min-height:90vh;overflow:hidden;padding:80px 0;padding:var(--s-20) 0;position:relative}.landing-hero-content{grid-gap:64px;grid-gap:var(--s-16);align-items:center;display:grid;gap:64px;gap:var(--s-16);min-height:600px}.landing-hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.landing-hero-image{height:500px;max-width:500px;position:relative;width:100%}.landing-aviation-illustration{align-items:center;display:flex;flex-direction:column;gap:40px;height:100%;justify-content:center;position:relative;width:100%}.landing-plane-container{height:80px;position:relative;width:200px}.landing-plane{animation:planeFly 6s ease-in-out infinite;height:40px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:120px}.landing-plane-body{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-radius:4px;box-shadow:0 4px 12px #6366f166;height:8px;left:30px;position:absolute;top:16px;width:60px}.landing-plane-wing{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--brand-400),var(--brand-500));border-radius:20px 20px 0 0;height:20px;left:40px;position:absolute;top:10px;width:40px}.landing-plane-tail{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-radius:0 15px 15px 0;height:25px;left:15px;position:absolute;top:8px;width:15px}.landing-flight-path{align-items:center;display:flex;justify-content:space-between;left:0;position:absolute;right:0;top:40px}.landing-path-dot{animation:pathDot 2s ease-in-out infinite;background:#6366f1;background:var(--brand-500);border-radius:50%;height:8px;opacity:.6;width:8px}.landing-path-dot:nth-child(2){animation-delay:.5s}.landing-path-dot:nth-child(3){animation-delay:1s}@keyframes planeFly{0%,to{transform:translateX(-50%) translateY(0) rotate(-2deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(2deg)}}@keyframes pathDot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.landing-dashboard-mockup{animation:mockupFloat 4s ease-in-out infinite;background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);box-shadow:0 16px 36px #00000073,0 10px 16px #00000059;box-shadow:var(--shadow-lg);height:180px;overflow:hidden;width:280px}.landing-mockup-header{align-items:center;background:#151a2b;background:var(--color-surface);border-bottom:1px solid #262d45;border-bottom:1px solid var(--color-border);display:flex;height:40px;justify-content:space-between;padding:0 16px}.landing-mockup-dots{display:flex;gap:6px}.landing-mockup-dots span{background:#a6b0cf;background:var(--muted);border-radius:50%;height:8px;width:8px}.landing-mockup-dots span:first-child{background:#ef4444}.landing-mockup-dots span:nth-child(2){background:#f59e0b}.landing-mockup-dots span:nth-child(3){background:#22c55e}.landing-mockup-title{color:#e6e8ef;color:var(--ink);font-size:12px;font-weight:600}.landing-mockup-content{padding:20px}.landing-mockup-stats{display:flex;gap:24px;margin-bottom:20px}.landing-stat-item{text-align:center}.landing-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px}.landing-stat-label{font-size:10px}.landing-mockup-progress{margin-top:16px}.landing-progress-bar{background:#262d45;background:var(--color-border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.landing-progress-fill{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);height:100%;width:85%}.landing-progress-text{color:#a6b0cf;color:var(--muted);font-size:10px;font-weight:600}@keyframes mockupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes progressFill{0%{width:65%}50%{width:85%}to{width:65%}}.landing-floating-elements{inset:0;pointer-events:none;position:absolute}.landing-floating-card{align-items:center;background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);color:#e6e8ef;color:var(--ink);display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;position:absolute}.landing-float-1{animation:float1 5s ease-in-out infinite;right:10%;top:10%}.landing-float-2{animation:float2 6s ease-in-out infinite;bottom:15%;left:5%}.landing-float-3{animation:float3 4s ease-in-out infinite;right:-5%;top:60%}@keyframes float1{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-15px) translateX(10px)}}@keyframes float2{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(10px) translateX(-8px)}}@keyframes float3{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(-15px)}}.landing-hero-text{display:flex;flex-direction:column;gap:24px;gap:var(--s-6)}.landing-hero-badge{align-items:center;align-self:flex-center;background:color-mix(in oklab,#6366f1 10%,#1b2236);background:color-mix(in oklab,var(--brand-500) 10%,var(--color-card));border:1px solid color-mix(in oklab,#6366f1 30%,#262d45);border:1px solid color-mix(in oklab,var(--brand-500) 30%,var(--color-border));border-radius:999px;border-radius:var(--r-pill);color:#6366f1;color:var(--brand-500);display:inline-flex;font-size:.875rem;font-weight:700;gap:8px;gap:var(--s-2);overflow:hidden;padding:8px 16px;position:relative}.landing-badge-glow{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);inset:0;opacity:0;position:absolute;transition:opacity .22s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur) var(--ease)}.landing-hero-badge:hover .landing-badge-glow{opacity:.1}.landing-hero-title{display:flex;flex-direction:column;gap:8px;gap:var(--s-2);margin:0}.landing-title-main{color:#e6e8ef;color:var(--ink);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1}.landing-title-typed{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.landing-hero-description{color:#cbd5e1;color:var(--ink-soft);font-size:1.125rem;line-height:1.7;margin:0;max-width:520px}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--s-4)}.landing-cta-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-radius:10px;border-radius:var(--r-sm);box-shadow:0 8px 24px color-mix(in oklab,#6366f1 40%,#0000);box-shadow:0 8px 24px color-mix(in oklab,var(--brand-500) 40%,#0000);color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:12px;gap:var(--s-3);overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.landing-cta-primary:hover{box-shadow:0 12px 32px color-mix(in oklab,#6366f1 50%,#0000);box-shadow:0 12px 32px color-mix(in oklab,var(--brand-500) 50%,#0000);transform:translateY(-3px)}.landing-cta-glow{background:linear-gradient(45deg,#0000,#fff3,#0000);inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.landing-cta-primary:hover .landing-cta-glow{transform:translateX(100%)}.landing-cta-secondary{align-items:center;background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#e6e8ef;color:var(--ink);display:inline-flex;font-size:1rem;font-weight:700;gap:12px;gap:var(--s-3);padding:16px 24px;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.landing-cta-secondary:hover{background:#151a2b;background:var(--color-surface);border-color:color-mix(in oklab,#6366f1 40%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 40%,var(--color-border));transform:translateY(-1px)}.landing-hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:24px;gap:var(--s-6);padding:20px 0;padding:var(--s-5) 0}.landing-stat{text-align:center}.landing-stat-number{color:#6366f1;color:var(--brand-500);font-size:1.75rem;font-weight:900;line-height:1}.landing-stat-label{color:#a6b0cf;color:var(--muted);font-size:.875rem;font-weight:600;margin-top:4px}.landing-stat-divider{background:#262d45;background:var(--color-border);height:40px;width:1px}.landing-hero-benefits{grid-gap:12px;grid-gap:var(--s-3);display:grid;gap:12px;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.landing-benefit-item{align-items:center;color:#e6e8ef;color:var(--ink);display:flex;font-size:.875rem;font-weight:600;gap:12px;gap:var(--s-3)}.landing-benefit-icon{align-items:center;background:color-mix(in oklab,#6366f1 15%,#151a2b);background:color-mix(in oklab,var(--brand-500) 15%,var(--color-surface));border-radius:10px;border-radius:var(--r-sm);color:#6366f1;color:var(--brand-500);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.landing-features{background:#151a2b;background:var(--color-surface);padding:80px 0;padding:var(--s-20) 0}.landing-section-header{margin-bottom:64px;margin-bottom:var(--s-16);text-align:center}.landing-section-title{color:#e6e8ef;color:var(--ink);font-size:clamp(2rem,4vw,3rem);font-weight:900;margin:0 0 16px;margin:0 0 var(--s-4) 0}.landing-section-subtitle{color:#a6b0cf;color:var(--muted);font-size:1.125rem;margin:0 auto;max-width:600px}.landing-features-grid{grid-gap:32px;grid-gap:var(--s-8);display:grid;gap:32px;gap:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.landing-feature-card{align-items:flex-start;background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--r-lg);color:inherit;display:flex;gap:20px;gap:var(--s-5);overflow:hidden;padding:32px;padding:var(--s-8);position:relative;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.landing-feature-card:hover{border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border));box-shadow:0 16px 36px #00000073,0 10px 16px #00000059;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.landing-feature-icon{align-items:center;border-radius:10px;border-radius:var(--r-sm);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.landing-feature-content{flex:1 1}.landing-feature-title{color:#e6e8ef;color:var(--ink);font-size:1.25rem;font-weight:800;margin:0 0 8px;margin:0 0 var(--s-2) 0}.landing-feature-description{color:#a6b0cf;color:var(--muted);font-size:1rem;line-height:1.6;margin:0}.landing-feature-arrow{color:#a6b0cf;color:var(--muted);transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.landing-feature-card:hover .landing-feature-arrow{color:#6366f1;color:var(--brand-500);transform:translateX(4px)}.landing-preview{padding:80px 0;padding:var(--s-20) 0}.landing-preview-grid{grid-gap:64px;grid-gap:var(--s-16);display:grid;gap:64px;gap:var(--s-16);grid-template-columns:1fr 1fr}.landing-preview-section{display:flex;flex-direction:column;gap:24px;gap:var(--s-6)}.landing-preview-header{align-items:center;display:flex;gap:16px;gap:var(--s-4)}.landing-preview-icon{align-items:center;background:color-mix(in oklab,#6366f1 15%,#151a2b);background:color-mix(in oklab,var(--brand-500) 15%,var(--color-surface));border-radius:10px;border-radius:var(--r-sm);color:#6366f1;color:var(--brand-500);display:flex;height:48px;justify-content:center;width:48px}.landing-preview-title{color:#e6e8ef;color:var(--ink);font-size:1.5rem;font-weight:800;margin:0}.landing-preview-subtitle{color:#a6b0cf;color:var(--muted);font-size:.875rem;margin:0}.landing-preview-link{align-items:center;color:#6366f1;color:var(--brand-500);display:inline-flex;font-size:.875rem;font-weight:600;gap:4px;gap:var(--s-1);margin-left:auto;text-decoration:none;transition:color .22s cubic-bezier(.22,1,.36,1);transition:color var(--dur) var(--ease)}.landing-preview-link:hover{color:#8b5cf6;color:var(--brand-400)}.landing-books-grid{grid-gap:16px;grid-gap:var(--s-4);display:grid;gap:16px;gap:var(--s-4);grid-template-columns:repeat(2,fr)}.landing-book-card:hover{box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.landing-book-cover{align-items:center;background-position:50%;background-size:cover;border-radius:6px;border-radius:var(--r-xs);display:flex;flex-shrink:0;height:64px;justify-content:center;width:48px}.landing-book-initials{color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 2px #00000080}.landing-book-info{flex:1 1;min-width:0}.landing-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e6e8ef;color:var(--ink);display:-webkit-box;font-size:.875rem;font-weight:700;margin:0 0 4px;overflow:hidden}.landing-book-author{color:#a6b0cf;color:var(--muted);font-size:.75rem;margin:0 0 8px;margin:0 0 var(--s-2) 0}.landing-book-card{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);display:flex;gap:12px;gap:var(--s-3);padding:16px;padding:var(--s-4);transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.landing-lectures-list{display:flex;flex-direction:column;gap:16px;gap:var(--s-4)}.landing-lecture-card{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);display:flex;gap:16px;gap:var(--s-4);padding:16px;padding:var(--s-4);transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.landing-lecture-card:hover{box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.landing-lecture-thumbnail{border-radius:6px;border-radius:var(--r-xs);flex-shrink:0;height:60px;overflow:hidden;position:relative;width:80px}.landing-lecture-thumbnail img{height:100%;object-fit:cover;width:100%}.landing-lecture-duration{background:#000c;border-radius:2px;bottom:4px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 4px;position:absolute;right:4px}.landing-lecture-info{flex:1 1;min-width:0}.landing-lecture-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e6e8ef;color:var(--ink);display:-webkit-box;font-size:.875rem;font-weight:700;margin:0 0 4px;overflow:hidden}.landing-lecture-channel{color:#a6b0cf;color:var(--muted);font-size:.75rem;margin:0 0 8px;margin:0 0 var(--s-2) 0}.landing-lecture-meta{align-items:center;display:flex;gap:8px;gap:var(--s-2)}.landing-lecture-difficulty{background:#151a2b;background:var(--color-surface);border-radius:4px;font-weight:600;padding:2px 6px}.landing-lecture-difficulty,.landing-lecture-views{color:#a6b0cf;color:var(--muted);font-size:.7rem}.landing-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);color:#fff;padding:80px 0;padding:var(--s-20) 0}.landing-cta-content{align-items:center;display:flex;flex-wrap:wrap;gap:48px;gap:var(--s-12);justify-content:space-between}.landing-cta-text{flex:1 1;min-width:300px}.landing-cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.2;margin:0 0 16px;margin:0 0 var(--s-4) 0}.landing-cta-description{font-size:1.125rem;line-height:1.6;margin:0;opacity:.9}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--s-4)}.landing-cta .landing-cta-primary{background:#fff;box-shadow:0 8px 24px #0003;color:#6366f1;color:var(--brand-500)}.landing-cta .landing-cta-primary:hover{background:#f9fafb;box-shadow:0 12px 32px #0000004d;transform:translateY(-3px)}.landing-cta .landing-cta-secondary{background:#0000;border:1px solid #ffffff4d;color:#fff}.landing-cta .landing-cta-secondary:hover{background:#ffffff1a;border-color:#fff}.books-empty,.books-error,.books-loading{align-items:center;color:#a6b0cf;color:var(--muted);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.books-loading .loading-spinner{height:32px;margin-bottom:16px;margin-bottom:var(--s-4);width:32px}.books-empty h3,.books-error h3{color:#e6e8ef;color:var(--ink);margin:16px 0 8px;margin:var(--s-4) 0 var(--s-2) 0}.books-empty p,.books-error p{margin-bottom:24px;margin-bottom:var(--s-6);max-width:400px}.books-header{margin-bottom:32px;margin-bottom:var(--s-8)}.books-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px;gap:var(--s-8);justify-content:space-between}.books-title-section{flex:1 1;min-width:300px}.books-main-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:#e6e8ef;color:var(--ink);display:flex;font-size:2.5rem;font-weight:900;gap:12px;gap:var(--s-3);margin:0 0 8px;margin:0 0 var(--s-2) 0}.books-subtitle{color:#a6b0cf;color:var(--muted);font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}.books-stats{display:flex;flex-wrap:wrap;gap:24px;gap:var(--s-6)}.books-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.books-stat-number{color:#6366f1;color:var(--brand-500);font-size:2rem;font-weight:900;line-height:1}.books-stat-label{color:#a6b0cf;color:var(--muted);font-size:.875rem;font-weight:600;margin-top:4px}.books-filters-card{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);margin-bottom:32px;margin-bottom:var(--s-8);padding:24px;padding:var(--s-6)}.books-filters-top{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;gap:var(--s-6);margin-bottom:24px;margin-bottom:var(--s-6)}.books-search-section{flex:1 1;min-width:300px}.books-search-bar{align-items:center;display:flex;position:relative}.books-search-bar svg{color:#a6b0cf;color:var(--muted);left:16px;position:absolute;z-index:1}.books-search-input{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#e6e8ef;color:var(--ink);font-size:1rem;padding:16px 16px 16px 48px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:100%}.books-search-input:focus{background:#1b2236;background:var(--color-card);border-color:#6366f1;border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in oklab,#6366f1 20%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-500) 20%,#0000);outline:none}.books-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--s-4)}.books-sort-dropdown{align-items:center;display:flex;font-size:.875rem;gap:8px;gap:var(--s-2)}.books-sort-dropdown label{color:#a6b0cf;color:var(--muted);font-weight:600;white-space:nowrap}.books-sort-select{background:#151a2b;background:var(--color-surface);color:#e6e8ef;color:var(--ink);font-size:.875rem;min-width:140px;padding:8px 12px}.books-sort-select,.books-view-toggle{border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm)}.books-view-toggle{display:flex;overflow:hidden}.books-view-btn{align-items:center;background:#151a2b;background:var(--color-surface);border:none;color:#a6b0cf;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.books-view-btn:hover{background:#1b2236;background:var(--color-card);color:#e6e8ef;color:var(--ink)}.books-view-btn.active{background:#6366f1;background:var(--brand-500);color:#fff}.grid-icon{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3H3v7h7V3zm11 0h-7v7h7V3zm0 11h-7v7h7v-7zm-11 0H3v7h7v-7z' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3H3v7h7V3zm11 0h-7v7h7V3zm0 11h-7v7h7v-7zm-11 0H3v7h7v-7z' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.grid-icon,.list-icon{background:currentColor;height:16px;width:16px}.list-icon{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.books-categories-section{border-top:1px solid #262d45;border-top:1px solid var(--color-border);padding-top:20px;padding-top:var(--s-5)}.books-categories-label{align-items:center;color:#e6e8ef;color:var(--ink);display:flex;font-size:.875rem;font-weight:600;gap:8px;gap:var(--s-2);margin-bottom:12px;margin-bottom:var(--s-3)}.books-categories-scroll{overflow-x:auto;padding-bottom:8px;padding-bottom:var(--s-2)}.books-categories-grid{display:flex;gap:8px;gap:var(--s-2);min-width:-webkit-max-content;min-width:max-content}.books-category-chip{align-items:center;background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--r-pill);color:#e6e8ef;color:var(--ink);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:4px;gap:var(--s-1);padding:8px 14px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);white-space:nowrap}.books-category-chip:hover{background:#1b2236;background:var(--color-card);border-color:color-mix(in oklab,#6366f1 40%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 40%,var(--color-border));transform:translateY(-1px)}.books-category-chip.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-color:#0000;box-shadow:0 4px 12px color-mix(in oklab,#6366f1 35%,#0000);box-shadow:0 4px 12px color-mix(in oklab,var(--brand-500) 35%,#0000);color:#fff}.books-category-count{background:color-mix(in oklab,#e6e8ef 15%,#0000);background:color-mix(in oklab,var(--ink) 15%,#0000);border-radius:999px;border-radius:var(--r-pill);font-size:.75rem;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.books-category-chip.active .books-category-count{background:color-mix(in oklab,#fff 25%,#0000)}.books-results-header{margin-bottom:20px;margin-bottom:var(--s-5)}.books-results-count{color:#a6b0cf;color:var(--muted);font-size:.875rem;font-weight:600}.books-grid{grid-gap:24px;grid-gap:var(--s-6);display:grid;gap:24px;gap:var(--s-6)}.books-grid-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.books-grid-list{grid-template-columns:1fr}.book-card{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.book-card:hover{border-color:color-mix(in oklab,#6366f1 40%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 40%,var(--color-border));box-shadow:0 16px 36px #00000073,0 10px 16px #00000059;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.book-card-inner{display:flex;flex-direction:column;height:100%}.books-grid-list .book-card-inner{flex-direction:row;height:auto}.book-cover-container{flex-shrink:0;position:relative}.books-grid-grid .book-cover-container{height:444px}.books-grid-list .book-cover-container{height:180px;width:140px}.book-cover{align-items:center;background-color:color-mix(in oklab,#151a2b 60%,#0000);background-color:color-mix(in oklab,var(--color-surface) 60%,#0000);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px 8px 0 0;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.book-cover:before{background:linear-gradient(45deg,#0000001a,#0000004d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur) var(--ease)}.book-card:hover .book-cover:before{opacity:1}.book-cover-initials{color:#fff;font-size:2rem;font-weight:900;text-shadow:0 2px 8px #00000080;z-index:1}.book-cover-img{border-radius:8px 8px 0 0;display:block;height:100%;object-fit:cover;object-position:center center;width:100%}.books-grid-list .book-cover-initials{font-size:1.5rem}.book-cover-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 40%,#0000008c);display:flex;inset:0;justify-content:center;opacity:0;padding:16px;padding:var(--s-4);position:absolute;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.book-card:hover .book-cover-overlay{opacity:1}.book-card:hover .book-cover-img{transform:scale(1.02);transition:transform .4s cubic-bezier(.22,1,.36,1);transition:transform .4s var(--ease)}.book-cover-preview{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;border-radius:var(--r-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.book-cover-preview:hover{background:#ffffff4d;transform:scale(1.05)}.book-cover-preview:disabled{cursor:not-allowed;opacity:.5}.book-quick-actions{display:flex;gap:6px;position:absolute;right:12px;top:12px}.book-bookmark-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;background:#00000080;border:1px solid #ffffff0f;border:1px solid #ffffff4d;border-radius:10px;border-radius:var(--r-sm);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:36px}.book-bookmark-btn:hover{background:#000000b3;transform:scale(1.1)}.book-bookmark-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);border-color:#0000}.book-content{display:flex;flex:1 1;flex-direction:column;padding:20px;padding:var(--s-5)}.book-author,.book-title{word-break:break-word}.books-grid-list .book-content{padding:16px 20px;padding:var(--s-4) var(--s-5)}.book-header{margin-bottom:16px;margin-bottom:var(--s-4)}.book-badge-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--s-3)}.book-badge{border-radius:999px;border-radius:var(--r-pill);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.book-badge-free{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.book-rating{align-items:center;color:#f59e0b;color:var(--warn);display:flex;font-size:.875rem;font-weight:600;gap:4px}.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e6e8ef;color:var(--ink);display:-webkit-box;font-size:1.25rem;font-weight:800;line-height:1.3;margin:0 0 6px;overflow:hidden}.books-grid-list .book-title{-webkit-line-clamp:1;font-size:1.1rem}.book-author{color:#a6b0cf;color:var(--muted);font-size:.9rem;font-weight:600;margin:0 0 8px;margin:0 0 var(--s-2) 0}.book-category-tag{background:color-mix(in oklab,#6366f1 15%,#151a2b);background:color-mix(in oklab,var(--brand-500) 15%,var(--color-surface));border:1px solid color-mix(in oklab,#6366f1 25%,#262d45);border:1px solid color-mix(in oklab,var(--brand-500) 25%,var(--color-border));border-radius:999px;border-radius:var(--r-pill);color:#6366f1;color:var(--brand-500);display:inline-block;font-size:.75rem;font-weight:700;padding:4px 8px}.book-description{flex:1 1;margin-bottom:16px;margin-bottom:var(--s-4)}.book-description-text{color:#e6e8ef;color:var(--ink);font-size:.9rem;line-height:1.6;margin:0}.books-grid-list .book-description-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;overflow:hidden}.book-read-more{background:none;border:none;color:#6366f1;color:var(--brand-500);cursor:pointer;font-size:.875rem;font-weight:600;margin-top:8px;margin-top:var(--s-2);padding:0;transition:color .22s cubic-bezier(.22,1,.36,1);transition:color var(--dur) var(--ease)}.book-read-more:hover{color:#8b5cf6;color:var(--brand-400);text-decoration:underline}.book-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;margin-bottom:var(--s-4)}.book-tag{background:#151a2b;background:var(--color-surface);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:999px;border-radius:var(--r-pill);color:#a6b0cf;color:var(--muted);font-size:.75rem;font-weight:600;padding:4px 8px}.book-tag-more{background:#262d45;background:var(--color-border);color:#e6e8ef;color:var(--ink)}.book-stats{display:flex;flex-wrap:wrap;font-size:.875rem;gap:12px;gap:var(--s-3);margin-bottom:16px;margin-bottom:var(--s-4)}.book-stat{align-items:center;color:#a6b0cf;color:var(--muted);display:flex;gap:4px}.book-stat svg{flex-shrink:0}.book-actions{display:flex;gap:8px;gap:var(--s-2);margin:15px}.mustafa-btn{transform:translateY(3px)}.book-download-btn{flex:1 1}.book-info-btn{align-items:center;display:flex;height:40px;justify-content:center;padding:0;width:40px}.lecture-grid{grid-gap:24px;grid-gap:var(--s-6);display:grid;gap:24px;gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.lecture-card{background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 2px 4px #00000059,0 1px 2px #00000040;box-shadow:var(--shadow-sm);padding:16px;padding:var(--s-4);transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.lecture-card:hover{border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border));box-shadow:0 8px 16px #00000059,0 2px 8px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.lecture-thumbnail{border-radius:10px;border-radius:var(--r-sm);height:180px;margin-bottom:12px;margin-bottom:var(--s-3);overflow:hidden;position:relative;width:100%}.lecture-thumbnail img{height:100%;object-fit:cover;width:100%}.lecture-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:8px}.lecture-content{margin-bottom:16px;margin-bottom:var(--s-4)}.lecture-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e6e8ef;color:var(--ink);display:-webkit-box;font-size:1.1rem;font-weight:800;margin-bottom:4px;margin-bottom:var(--s-1);overflow:hidden}.lecture-meta{align-items:center;color:#a6b0cf;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:8px;gap:var(--s-2)}.lecture-desc,.lecture-meta{margin-bottom:12px;margin-bottom:var(--s-3)}.lecture-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#e6e8ef;color:var(--ink);display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.lecture-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;margin-bottom:var(--s-4)}.lecture-tags .chip{font-size:.75rem;padding:4px 8px}.chip-easy{background:color-mix(in oklab,#22c55e 15%,#1b2236);background:var(--success-bg);border-color:color-mix(in oklab,#22c55e 30%,#262d45);border-color:var(--success-border);color:#22c55e;color:var(--success)}.chip-medium{background:color-mix(in oklab,#f59e0b 15%,#1b2236);background:var(--warn-bg);border-color:color-mix(in oklab,#f59e0b 30%,#262d45);border-color:var(--warn-border);color:#f59e0b;color:var(--warn)}.chip-hard{background:color-mix(in oklab,#ef4444 15%,#1b2236);background:var(--danger-bg);border-color:color-mix(in oklab,#ef4444 30%,#262d45);border-color:var(--danger-border);color:#ef4444;color:var(--danger)}.site-footer{background:#151a2b;background:var(--color-surface);border-top:1px solid #262d45;border-top:1px solid var(--color-border);margin-top:80px;margin-top:var(--s-20);padding:32px 0 16px;padding:var(--s-8) 0 var(--s-4)}.footer-inner,.site-footer{position:relative}.footer-grid{grid-gap:24px;grid-gap:var(--s-6);align-items:start;display:grid;gap:24px;gap:var(--s-6);grid-template-columns:1.2fr .8fr 1fr;margin-bottom:32px;margin-bottom:var(--s-8)}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:900;margin-bottom:8px;margin-bottom:var(--s-2)}.footer-subtle{color:#a6b0cf;color:var(--muted);line-height:1.5}.footer-links{grid-gap:8px;grid-gap:var(--s-2);display:grid;gap:8px;gap:var(--s-2)}.footer-links a{color:#e6e8ef;color:var(--ink);font-weight:700;padding:6px 0;text-decoration:none;transition:color .22s cubic-bezier(.22,1,.36,1);transition:color var(--dur) var(--ease)}.footer-links a:hover{color:#6366f1;color:var(--brand-500)}.footer-actions{grid-gap:12px;grid-gap:var(--s-3);display:grid;gap:12px;gap:var(--s-3);justify-items:start}.footer-cta{align-items:center;border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#e6e8ef;color:var(--ink);display:inline-flex;font-size:.875rem;font-weight:700;gap:8px;gap:var(--s-2);padding:8px 12px;padding:var(--s-2) var(--s-3);text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease)}.footer-cta:hover{background:color-mix(in oklab,#6366f1 10%,#0000);background:color-mix(in oklab,var(--brand-500) 10%,#0000);border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border))}.socials{display:flex;gap:12px;gap:var(--s-3)}.socials a{align-items:center;background:#1b2236;background:var(--color-card);border:1px solid #262d45;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--r-sm);color:#a6b0cf;color:var(--muted);display:flex;height:36px;justify-content:center;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--dur) var(--ease);width:36px}.socials a:hover{background:#151a2b;background:var(--color-surface);border-color:color-mix(in oklab,#6366f1 30%,#262d45);border-color:color-mix(in oklab,var(--brand-500) 30%,var(--color-border));color:#6366f1;color:var(--brand-500);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #262d45;border-top:1px solid var(--color-border);color:#a6b0cf;color:var(--muted);font-size:.875rem;padding-top:16px;padding-top:var(--s-4);text-align:center}.cursor-dot,.cursor-ring{left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translate3d(-50%,-50%,0);transition:opacity .22s cubic-bezier(.22,1,.36,1);transition:opacity var(--dur) var(--ease);z-index:9999}.cursor-ring{-webkit-backdrop-filter:blur(4px) saturate(140%);backdrop-filter:blur(4px) saturate(140%);border:1px solid color-mix(in oklab,#6366f1 60%,#262d45);border:1px solid color-mix(in oklab,var(--brand-500) 60%,var(--color-border));border-radius:50%;height:28px;width:28px}.cursor-dot{background:#6366f1;background:var(--brand-500);border-radius:50%;box-shadow:0 0 12px #6366f180,0 0 24px #6366f14d;height:6px;width:6px}.typed .typed-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text}.caret{animation:blink 1s step-end infinite;background:#6366f1;background:var(--brand-500);display:inline-block;height:1em;margin-left:4px;vertical-align:-2px;width:3px}@keyframes blink{50%{opacity:0}}.fade-in{animation:fadeIn .42s cubic-bezier(.22,1,.36,1) both;animation:fadeIn var(--dur-slow) var(--ease) both}.fade-up{animation:fadeUp .42s cubic-bezier(.22,1,.36,1) both;animation:fadeUp var(--dur-slow) var(--ease) both}.card-tilt{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);transition:transform var(--dur-slow) var(--ease),box-shadow var(--dur-slow) var(--ease);will-change:transform}.card-tilt:hover{box-shadow:0 16px 36px #00000073,0 10px 16px #00000059;box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-6px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1200px){.container{padding:0 24px;padding:0 var(--s-6)}}@media (max-width:1024px){.landing-hero-content,.landing-preview-grid{gap:48px;gap:var(--s-12)}.books-header-content{flex-direction:column;gap:24px;gap:var(--s-6)}.books-stats{justify-content:center}}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--s-4)}.landing-hero-content{gap:32px;gap:var(--s-8);grid-template-columns:1fr;text-align:center}.landing-hero-visual{order:2}.landing-hero-text{order:1}.landing-hero-image{height:400px;max-width:400px}.landing-hero-actions,.landing-hero-stats{justify-content:center}.landing-features-grid,.landing-preview-grid{grid-template-columns:1fr}.landing-preview-grid{gap:32px;gap:var(--s-8)}.landing-books-grid{grid-template-columns:1fr}.landing-cta-content{flex-direction:column;gap:32px;gap:var(--s-8);text-align:center}.books-filters-top{flex-direction:column;gap:16px;gap:var(--s-4)}.books-search-section{min-width:auto}.books-controls{justify-content:space-between;width:100%}.books-main-title{font-size:2rem}.books-grid-grid{grid-template-columns:1fr}.books-grid-list .book-card-inner{flex-direction:column}.books-grid-list .book-cover-container{height:200px;width:100%}.footer-grid{gap:32px;gap:var(--s-8);grid-template-columns:1fr}.card,.quiz-card{padding:16px;padding:var(--s-4)}.btn{font-size:.875rem;padding:12px}.question-nav-btn{font-size:.875rem;height:40px;width:40px}}@media (max-width:480px){.landing-hero{min-height:80vh;padding:48px 0;padding:var(--s-12) 0}.landing-floating-elements{display:none}.landing-cta-actions{flex-direction:column;width:100%}.landing-cta-primary,.landing-cta-secondary{justify-content:center;width:100%}.landing-hero-benefits{grid-template-columns:1fr}.landing-feature-card{padding:24px;padding:var(--s-6)}.book-content,.books-filters-card{padding:16px;padding:var(--s-4)}.books-categories-grid{flex-wrap:wrap}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.bg-anim,.cursor-dot,.cursor-ring{display:none}}@media print{.bg-anim,.cursor-dot,.cursor-ring,.drawer-overlay,.drawer-panel,.fo-header,.nav-toggle,.site-footer{display:none!important}.container{max-width:none;padding:0}.card,.quiz-card{border:1px solid #ccc;box-shadow:none}}@media (prefers-contrast:high){:root{--color-border:#666;--muted:#ccc}.btn,.card,.form-input{border-width:2px}}:focus{outline:2px solid #6366f1;outline:2px solid var(--brand-500);outline-offset:2px}.btn:focus,.form-input:focus,.search-bar:focus-within{outline:3px solid #6366f1;outline:3px solid var(--brand-500);outline-offset:2px}::selection{background:color-mix(in oklab,#6366f1 25%,#0000);background:color-mix(in oklab,var(--brand-500) 25%,#0000);color:#e6e8ef;color:var(--ink)}::-moz-selection{background:color-mix(in oklab,#6366f1 25%,#0000);background:color-mix(in oklab,var(--brand-500) 25%,#0000);color:#e6e8ef;color:var(--ink)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#151a2b;background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#262d45;background:var(--color-border);border-radius:999px;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,#6366f1 50%,#262d45);background:color-mix(in oklab,var(--brand-500) 50%,var(--color-border))}@media (max-width:768px){.site-footer{padding-bottom:126px;padding-bottom:calc(var(--s-4) + 110px)}.fo-header-inner{height:72px;height:calc(var(--header-height) + 8px)}}.mobile-menu{-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);left:0;opacity:0;padding:var(--s-4);position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all var(--dur) var(--ease);visibility:hidden;z-index:50}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-links{grid-gap:var(--s-2);display:grid;gap:var(--s-2)}.mobile-menu-link{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--r-sm);color:var(--ink);display:flex;font-weight:700;gap:var(--s-3);padding:var(--s-3) var(--s-4);text-decoration:none;transition:all var(--dur) var(--ease)}.mobile-menu-link.active,.mobile-menu-link:hover{background:var(--brand-gradient);border-color:#0000;color:#fff;transform:translateY(-1px)}.mobile-menu-link svg{height:18px;width:18px}.mobile-menu-cta{margin-top:var(--s-3);width:100%}.pwa-nav-button{align-items:center;border-radius:var(--r-md);display:flex;font-family:var(--font-sans);font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:-.01em;margin:0 auto;min-width:120px;padding:.5rem 1rem;transition:all .2s ease}.pwa-nav-button:not([disabled]):hover{filter:brightness(1.1);transform:translateY(-1px)}.pwa-nav-button svg{flex-shrink:0;height:1.25rem;width:1.25rem}.mobile-nav-item.install-button{align-items:center;display:flex;justify-content:center;padding:0}.mobile-nav-item.install-button .pwa-nav-button{font-size:.9rem;margin:.25rem 0;min-width:140px;width:auto}@media (max-width:768px){.hide-on-mobile{display:none}.mobile-nav-item.install-button .pwa-nav-button{min-width:auto;padding:.5rem}}@media (min-width:769px){.mobile-nav-item.install-button{display:none}}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:inline}}.mobile-nav{background:linear-gradient(180deg,color-mix(in oklab,var(--color-card) 90%,#0000),var(--color-card));border-radius:14px;border-top:1px solid color-mix(in oklab,var(--color-border) 70%,#0000);bottom:12px;box-shadow:0 10px 30px #00000073;display:none;height:72px;left:12px;padding:6px env(safe-area-inset-right) calc(6px + env(safe-area-inset-bottom)) env(safe-area-inset-left);position:fixed;right:12px;z-index:60}@media (max-width:768px){.mobile-nav{align-items:center;display:flex;justify-content:space-around}}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--muted);display:flex;flex:1 1;flex-direction:column;font-size:12px;justify-content:center;padding:6px 0;text-decoration:none;transition:color .15s,transform .15s}.mobile-nav-item span{margin-top:4px}.mobile-nav-item.active{color:var(--brand-500)}.mobile-nav-item:hover{color:var(--ink)}.mobile-nav-item svg{height:22px;width:22px}.ptr-element{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border);color:var(--muted);display:flex;gap:8px;height:50px;justify-content:center;left:0;pointer-events:none;position:fixed;text-align:center;top:-50px;transition:transform .2s;width:100%;z-index:999}.ptr-element.visible{transform:translateY(50px)}.ptr-element .loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--brand-500);border-radius:50%;border-top:2px solid #0000;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.double-tap-area{position:relative;touch-action:manipulation}.double-tap-area:after{background:var(--brand-500);border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.double-tap-area.tapped:after{animation:tap-ripple .5s ease-out}@keyframes tap-ripple{0%{height:0;opacity:.5;width:0}to{height:100px;opacity:0;width:100px}}@media (hover:none){.share-button{-webkit-tap-highlight-color:transparent}.share-button:active{transform:scale(.95)}}.landing-mobile{background:var(--bg-primary);min-height:100vh;padding:1.5rem}.landing-mobile .hero-section{margin-bottom:2rem}.landing-mobile .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.landing-mobile .stat-card{background:var(--color-card);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1rem;text-align:center;transition:transform .2s}.landing-mobile .stat-card:active{transform:scale(.98)}.landing-mobile .cta-button{display:block;margin:2rem 0;transition:transform .2s}.landing-mobile .cta-button:active{transform:scale(.98)}.landing-mobile .quick-access-tile{transition:transform .2s}.landing-mobile .quick-access-tile:active{transform:scale(.98)}*{-webkit-tap-highlight-color:transparent}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.btn-press{-webkit-touch-callout:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;will-change:transform}.btn-press:active{transform:scale(.96)}.smooth-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}@media (display-mode:standalone){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom)}.landing-mobile{padding-bottom:calc(1.5rem + var(--safe-area-inset-bottom));padding-top:calc(1.5rem + var(--safe-area-inset-top))}}@media (prefers-color-scheme:dark){.landing-mobile .stat-card{background:#1f2937;background:var(--color-card-dark,#1f2937);box-shadow:0 4px 6px #0000001a}.landing-mobile{background:#111827;background:var(--bg-primary-dark,#111827)}}
/*# sourceMappingURL=main.0c50d45b.css.map*/