:root{--header-height:60px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#07070a;height:100%;font-family:Clash Grotesk,system-ui,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.app{height:100vh}.main{margin-top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto}html,body{margin:0;padding:0}:root{--header-height:100px;--island-bg:#0a0a0fd9;--island-border:#ffffff1a;--island-expanded-width:min(90vw,360px)}.header-container{width:100%;height:var(--header-height);z-index:1000;background:#07070a;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.header-island{align-items:center;width:100%;max-width:1400px;height:100%;padding:0 40px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex}.island-content{justify-content:space-between;align-items:center;width:100%;display:flex}.control-center-panel{display:none}.island-left{flex:1;align-items:center;display:flex}.logo-link{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-image{width:48px;height:48px;transition:transform .3s}.logo-text{letter-spacing:-.01em;font-size:26px;font-weight:600}.island-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:56px;padding:16px 48px;display:flex}.island-nav a{color:#ffffffb3;font-size:18px;font-weight:500;text-decoration:none;transition:all .2s}.island-nav a:hover{color:#fff}.island-right{flex:1;justify-content:flex-end;display:flex}.github-btn{color:#000;background:#fff;border-radius:100px;align-items:center;gap:12px;padding:14px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.github-btn:hover{opacity:.9;transform:translateY(-1px)}.login-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;margin-right:20px;padding:14px 28px;font-size:18px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.login-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.github-icon{width:24px;height:24px}@media (min-width:769px) and (max-width:1100px){.island-nav{gap:16px;padding:8px 16px}.island-nav a{font-size:13px}.logo-text{font-size:16px}}@media (max-width:768px){:root{--header-height:40px}.header-container{pointer-events:none;height:var(--header-height);background:0 0!important}.header-island{pointer-events:auto;border:1px solid var(--island-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#000;border-radius:24px;justify-content:center;align-items:center;width:100px;height:44px;padding:0;transition:width .5s cubic-bezier(.19,1,.22,1),height .5s cubic-bezier(.19,1,.22,1),border-radius .5s cubic-bezier(.19,1,.22,1),top .5s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.header-island:active{transform:translate(-50%)scale(.96)}.header-island.is-expanded{width:var(--island-expanded-width);background:var(--island-bg);border-radius:36px;height:72px;padding:0 24px;top:12px}.header-island.is-cc-open{background:#0f0f14fa;border-radius:54px;flex-direction:column;justify-content:flex-start;align-items:center;width:min(94vw,400px);height:auto;min-height:280px;max-height:90vh;padding:24px;display:flex;top:12px;overflow-y:auto}.island-content{opacity:1;justify-content:center;align-items:center;height:100%;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex}.is-expanded .island-content{justify-content:space-between}.logo-link,.login-btn,.github-btn{pointer-events:none;transition:opacity .3s}.is-expanded .logo-link,.is-expanded .login-btn,.is-expanded .github-btn{pointer-events:auto}.login-btn,.github-btn{opacity:0}.is-expanded .login-btn,.is-expanded .github-btn{opacity:1}.island-nav,.github-text,.logo-text{display:none!important}.is-expanded .logo-text{white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-left:12px;font-size:18px;font-weight:600;overflow:hidden;display:block!important}.island-left{cursor:pointer;flex:none}.logo-image{width:28px;height:28px}.is-expanded .logo-image{width:36px;height:36px}.island-right{flex:none}.github-btn{padding:12px}.github-icon{width:28px;height:28px}.login-btn{margin-right:12px;padding:8px 16px;font-size:14px}.control-center-panel{opacity:0;width:100%;margin-top:24px;transition:opacity .4s}.is-cc-open .control-center-panel{opacity:1;display:block}.cc-nav-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:24px;display:grid}.cc-nav-card{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.cc-nav-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d,#0000);height:50%;position:absolute;top:0;left:0;right:0}.cc-nav-card .emoji{filter:drop-shadow(0 0 10px #ffffff1a);font-size:32px;transition:transform .3s}.cc-home{background:linear-gradient(135deg,#007aff33,#007aff0d);border-color:#007aff33}.cc-simulation{background:linear-gradient(135deg,#ff3b3033,#ff3b300d);border-color:#ff3b3033}.cc-leetcode{background:linear-gradient(135deg,#34c75933,#34c7590d);border-color:#34c75933}.cc-sysdesign{background:linear-gradient(135deg,#af52de33,#af52de0d);border-color:#af52de33}.cc-login{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:#ffffff1a;grid-column:span 2}.cc-nav-card:active{background:#ffffff26;transform:scale(.92);box-shadow:0 2px 5px #0000004d}.cc-nav-card:active .emoji{transform:scale(1.1)}.emoji{justify-content:center;align-items:center;display:flex}}.home-hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#fad00759 0%,#f2eaea0d 40%,#0000 80%);border-radius:50%;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.home-hero__inner{text-align:center;max-width:1100px;padding:0 10px}.home-hero__title{color:#fff;letter-spacing:2px;margin:0;font-size:clamp(30px,6vw,120px);font-weight:700;line-height:1.05}.home-hero__subtitle{color:#e5e5e5;margin-top:24px;font-size:18px;line-height:1.6}.home-hero__cta{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;margin-top:40px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.home-hero__cta:hover{background:#f5f5f5;transform:translateY(-1px)}.home-fullpage-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.home-content{color:#e6e6eb;z-index:10;background:0 0;border-top:1px solid #ffffff14;padding:96px 24px 150px;position:relative}.home-content__grid{grid-template-columns:1fr 2fr;gap:64px;max-width:1100px;margin:0 auto;display:grid}.home-content__title{letter-spacing:-.02em;color:#fff;font-size:48px;font-weight:600;line-height:1.05}.home-content__text{flex-direction:column;gap:24px;display:flex}.home-content__text p{color:#b8b8c2;max-width:520px;font-size:16px;line-height:1.7}.home-content__text strong{color:#fff;font-weight:500}@media (max-width:768px){.home-content{-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;height:100vh;padding:70px 24px 150px;display:flex;overflow-y:auto}.home-content__grid{grid-template-columns:1fr;gap:32px}.home-content__title{margin:0;font-size:32px}.home-content__text p{max-width:100%;font-size:15px}}.home-hero__inner{z-index:2;position:relative}.home-hero__scroll-indicator{color:#fff;cursor:pointer;z-index:1000;opacity:1;text-shadow:0 2px 4px #00000080;letter-spacing:.5px;background:0 0;border:none;font-size:14px;transition:opacity .3s;animation:2s infinite bounce;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.home-hero__scroll-indicator:hover{opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.orbital-system{pointer-events:none;z-index:0;opacity:.6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-system{transform-origin:50%;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.system-1{z-index:1;width:900px;height:900px;transform:translate(-50%,-50%)scaleY(.75)}.system-2{z-index:1;width:1100px;height:1100px;transform:translate(-50%,-50%)scaleY(.7)}.system-3{z-index:1;width:1300px;height:1300px;transform:translate(-50%,-50%)scaleY(.65)}.orbit-ring{will-change:transform;border:1px solid #fad00714;border-radius:50%;width:100%;height:100%}.system-1 .orbit-ring{border-color:#fad007;animation:24s linear infinite orbit-rotate}.system-2 .orbit-ring{border-color:#fad007b3;animation:30s linear infinite reverse orbit-rotate}.system-3 .orbit-ring{border-color:#fad00780;animation:36s linear infinite orbit-rotate}.orbital-system .planet{background-color:#fad007;border-radius:50%;position:absolute;top:50%;left:50%}.system-1 .planet{opacity:.9;width:15px;height:15px}.system-1 .planet-1{transform:rotate(0)translateY(-450px)rotate(0)}.system-1 .planet-2{transform:rotate(120deg)translateY(-450px)rotate(-120deg)}.system-1 .planet-3{transform:rotate(240deg)translateY(-450px)rotate(-240deg)}.system-2 .planet{opacity:.7;width:10px;height:10px}.system-2 .planet-1{transform:rotate(0)translateY(-550px)rotate(0)}.system-2 .planet-2{transform:rotate(120deg)translateY(-550px)rotate(-120deg)}.system-2 .planet-3{transform:rotate(240deg)translateY(-550px)rotate(-240deg)}.system-3 .planet{opacity:.5;width:20px;height:20px}.system-3 .planet-1{transform:rotate(0)translateY(-650px)rotate(0)}.system-3 .planet-2{transform:rotate(120deg)translateY(-650px)rotate(-120deg)}.system-3 .planet-3{transform:rotate(240deg)translateY(-650px)rotate(-240deg)}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@media (max-width:480px){.system-1{width:320px;height:320px}.system-2{width:440px;height:440px}.system-3{width:580px;height:580px}.system-1 .planet-1{transform:rotate(0)translateY(-160px)rotate(0)}.system-1 .planet-2{transform:rotate(120deg)translateY(-160px)rotate(-120deg)}.system-1 .planet-3{transform:rotate(240deg)translateY(-160px)rotate(-240deg)}.system-2 .planet-1{transform:rotate(0)translateY(-220px)rotate(0)}.system-2 .planet-2{transform:rotate(120deg)translateY(-220px)rotate(-120deg)}.system-2 .planet-3{transform:rotate(240deg)translateY(-220px)rotate(-240deg)}.system-3 .planet-1{transform:rotate(0)translateY(-290px)rotate(0)}.system-3 .planet-2{transform:rotate(120deg)translateY(-290px)rotate(-290deg)}.system-3 .planet-3{transform:rotate(240deg)translateY(-290px)rotate(-240deg)}.system-1 .planet{width:8px;height:8px}.system-2 .planet{width:6px;height:6px}.system-3 .planet{width:12px;height:12px}}.planet-layer{pointer-events:none;z-index:0;background:radial-gradient(circle,#0006 0%,#0000 70%);position:absolute;inset:0}.main-planet{aspect-ratio:1;object-fit:contain;opacity:0;filter:brightness(.4)contrast(1.2)saturate(1.1);will-change:transform,opacity,filter;width:clamp(500px,50vw,800px);transition:opacity 1.5s cubic-bezier(.2,.8,.2,1),transform 2.5s cubic-bezier(.2,.8,.2,1),filter 1.5s;position:absolute;top:50%;left:50%;transform:translate(-25%,-25px)scale(.6)}.main-planet.hidden{opacity:0;pointer-events:none;transform:translate(-150%,-50%)scale(.5)}.main-planet.enter{opacity:1;transform:translate(-50%,-50%)scale(1)}.main-planet.left{opacity:.75;transform:translate(-90%)scale(1.3)}.main-planet.center{opacity:1;transform:translate(-50%,-40%)scale(1.3)}.main-planet.right{opacity:.75;transform:translate(-10%)scale(1.3)}.main-planet.hold{opacity:1;transform:translate(-45%,-55%)scale(1)}.main-planet.exit{opacity:0;transform:translate(50%,-60%)scale(.8)}.pull-to-refresh{z-index:1000;pointer-events:none;justify-content:center;align-items:center;height:80px;margin-top:-80px;transition:transform .1s ease-out,opacity .2s;display:flex;position:fixed;top:0;left:0;right:0}.pull-to-refresh__content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:12px 24px;display:flex;box-shadow:0 10px 30px #0000004d}.pull-to-refresh__icon{color:#6f8cff;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pull-to-refresh__label{letter-spacing:.02em;color:#fffc;font-size:13px;font-weight:500}.pull-to-refresh.refreshing .pull-to-refresh__icon{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-stage{color:#e7e7f3;background:radial-gradient(1200px 900px at 50% -100px,#1a1a22,#0b0b0f 70%);width:100%;min-height:100vh;padding:80px 24px 160px;position:relative;overflow:hidden}.app-container{flex-direction:column;align-items:center;max-width:100%;display:flex}.intro{text-align:center;max-width:100%;margin-bottom:80px}.intro h1{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a5a5b5 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3rem;font-weight:700}.intro .lead{color:#aeb5c5;margin-bottom:48px;font-size:1.25rem;font-weight:300;line-height:1.6}.intro-body{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:32px;padding:32px;box-shadow:0 4px 24px -1px #0003}.intro-body p{color:#c4c4d4;margin-bottom:16px;font-size:1rem;line-height:1.6}.intro-body p:last-child{margin-bottom:0}.intro-goal{color:#6f8cff;opacity:.9;font-style:italic;font-weight:500}.nav-list{width:100%;max-width:800px}.nav-list h2{text-align:center;color:#fff;opacity:.8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:32px;font-size:1.5rem;font-weight:600}.nav-list ul{flex-direction:column;gap:24px;padding:0;list-style:none;display:flex}.nav-card{background:#141a2a99;border:1px solid #6f8cff33;border-radius:16px;padding:24px 32px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:block;position:relative;overflow:hidden}.nav-card:hover{background:#141a2ae6;border-color:#6f8cff99;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 32px -4px #10141e80}.nav-card:before{content:"";background:linear-gradient(90deg,#0000,#6f8cff0d,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.nav-card:hover:before{transition:transform .6s;transform:translate(100%)}.item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.item-header .name{color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.nav-card .meta{color:#8da4ef;font-size:.9rem;font-weight:400;display:block}.nav-card[href*=two-pointers]{border-color:#ffbf6533}.nav-card[href*=two-pointers]:hover{border-color:#ffbf6599}.nav-card[href*=two-pointers] .meta{color:#e2c08d}.nav-card.disabled{cursor:default;opacity:.6;pointer-events:none;background:#ffffff05;border-color:#ffffff0d}.nav-card.disabled .name{color:#888}.nav-card.disabled .meta{color:#555}.nav-card.disabled:hover{box-shadow:none;transform:none}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}.simulation-page{color:#e5e5e5;z-index:1;width:100%;max-width:1040px;margin:0 auto;padding:96px 24px 160px;position:relative}.voucher-allocation-simulation .section{max-width:100%;margin:0 auto}.voucher-allocation-simulation .section+.section{margin-top:80px}.section.hero{text-align:center;width:100%;margin-bottom:64px}.section.hero h1{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a5a5b5 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.1}.section.hero .subtitle{color:#8da4ef;margin-bottom:32px;font-size:1.25rem;font-weight:500;line-height:1.6}.section.hero .intro{color:#c4c4d4;max-width:100%;margin-bottom:64px;font-size:1.1rem;line-height:1.7}.section h2{letter-spacing:-.01em;color:#fff;text-align:center;margin-bottom:32px;font-size:1.75rem;font-weight:600}.section p{color:#b8b8c2;margin-bottom:16px;font-size:1rem;line-height:1.7}.bullet-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:24px;padding:0;list-style:none;display:grid}.bullet-list li{color:#e7e7f3;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:16px 20px;font-size:.95rem;display:flex}.bullet-list li:before{content:"•";color:#6f8cff;margin-right:12px;font-size:1.5rem;line-height:0}.policy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.policy-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141a2a99;border:1px solid #6f8cff26;border-radius:16px;padding:24px;transition:all .3s}.policy-card:hover{background:#141a2acc;border-color:#6f8cff66;transform:translateY(-4px);box-shadow:0 12px 32px -8px #0006}.policy-card h3{color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:600}.policy-card ul{border-top:1px solid #ffffff1a;margin-top:16px;padding:16px 0 0;list-style:none}.policy-card li{color:#aeb5c5;margin-bottom:8px;padding-left:14px;font-size:.9rem;position:relative}.policy-card li:before{content:"";background:#6f8cff;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.comparison-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.comparison-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:32px}.comparison-card h3{color:#e7e7f3;margin-bottom:16px;font-size:1.25rem}.comparison-card ul{margin-top:16px;padding-left:20px}.comparison-card li{color:#a0a0b0;margin-bottom:8px}.simulation-card .card-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e18e6;border:1px solid #ffffff1a;border-radius:16px;padding:32px;box-shadow:0 20px 40px -10px #00000080}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:24px;display:grid}label{color:#8da4ef;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;font-size:.85rem;font-weight:500;display:flex}input,select{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;margin-top:8px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,select:focus{background:#00000080;border-color:#6f8cff;outline:none;box-shadow:0 0 0 2px #6f8cff33}button{color:#0b0b0f;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#6f8cff;border:none;border-radius:8px;width:100%;margin-top:32px;padding:16px;font-size:1rem;font-weight:600;transition:all .2s}button:hover:not(:disabled){background:#88a1ff;transform:translateY(-1px);box-shadow:0 4px 12px #6f8cff66}button:disabled{color:#666;cursor:not-allowed;background:#333}.error{color:#ff6b6b;text-align:center;margin-top:16px;font-weight:500}.section.takeaway{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;max-width:720px;margin-top:120px;padding:40px}.section.takeaway h2{color:#fff;margin-bottom:16px;font-size:1.5rem}.section.takeaway p{color:#d1d1e0;font-size:1.1rem}@media (max-width:1024px){.simulation-page{padding:80px 24px 140px}}@media (max-width:768px){.simulation-page{padding:64px 20px 120px}.section.hero h1{font-size:2.5rem}.section.hero .subtitle{font-size:1.1rem}.comparison-grid,.policy-grid{grid-template-columns:1fr;gap:24px}.form-grid{grid-template-columns:1fr;gap:16px}.simulation-card .card-content{padding:24px}.voucher-allocation-simulation .section+.section{margin-top:60px}}@media (max-width:480px){.simulation-page{padding:48px 16px 100px}.section.hero h1{font-size:2rem}.section h2{font-size:1.5rem}.bullet-list{grid-template-columns:1fr}.section.takeaway{margin-top:80px;padding:24px}}.simulation-index .intro{text-align:center;width:100%;margin-bottom:60px}.simulation-index .intro-body{text-align:center;max-width:100%;margin:0 auto 32px}.simulation-index h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a5a5b5 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem}.simulation-table-container{margin-top:40px}.simulation-stage{background:radial-gradient(1200px 900px at 50% -100px,#1a1a22,#0b0b0f 70%);flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:900px;margin-top:60px;padding:60px 0;display:flex;position:relative;overflow:hidden}.links-layer{z-index:100000;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.client-node{opacity:0;animation:.22s ease-out forwards client-fade-in}.client-node circle{stroke-width:1.4px;transition:fill .2s,stroke .2s,stroke-width .2s,filter .2s}.client-node.free circle{fill:#141a2a;stroke:#6f8cff;opacity:.9}.client-node.paid circle{fill:#2a2314;stroke:#ffbf65;stroke-width:1.8px;filter:drop-shadow(0 0 3px #ffbf6540)}.client-node.vip circle{fill:#2a1620;stroke:#ff7fa8;stroke-width:2.6px;filter:drop-shadow(0 0 4px #ff7fa859)drop-shadow(0 0 8px #ff7fa82e)}.client-node text{fill:#e7e7f3;pointer-events:none;font-size:8px;font-weight:600}@keyframes client-fade-in{0%{opacity:0}to{opacity:1}}.animation{animation:.48s ease-in-out forwards client-fade-in}.flow-path{fill:none;stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:all .5s}.flow-static{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:2 6;animation:6s linear infinite flow-static-move}.flow-forward{stroke:#6495ed99;stroke-width:1.5px;stroke-dasharray:4 8;filter:drop-shadow(0 0 2px #6495ed4d);animation:1s linear infinite flow-move}.flow-accepted{stroke:#4ade80;stroke-width:2.5px;stroke-dasharray:12 12;filter:drop-shadow(0 0 6px #4ade8099);opacity:.9;animation:.8s linear infinite flow-move}.flow-rejected{stroke:#ef4444;stroke-width:1.5px;stroke-dasharray:2 6;opacity:.6;animation:2s linear infinite flow-move}@keyframes flow-move{to{stroke-dashoffset:-24px}}@keyframes flow-static-move{to{stroke-dashoffset:-20px}}.voucher-stats{color:#e7e7f3cc;flex-direction:column;gap:4px;margin-top:12px;font-size:13px;display:flex}.voucher-stats strong{color:#fff;margin-left:6px}@media (max-width:768px){.simulation-stage{min-height:600px}}.box{box-sizing:border-box;color:#e7e7f3;background:#14141cd9;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:18px 22px;display:flex;position:relative}.simulation-stage{flex-direction:column;align-items:center;gap:40px;width:100%;display:flex}.box.clients{-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);width:92%;max-width:1200px;min-height:250px;transform-style:preserve-3d;z-index:1;background-color:#0c0e18db;background-image:radial-gradient(800px at 50% -120px,#ffffff08,#0000 36%),linear-gradient(#ffffff05,#0000 60%);border:1px solid #ffffff0f;border-bottom-color:#0000003d;border-radius:12px;margin-top:24px;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 14px 28px -8px #03060fb3}.box.clients:before,.box.clients:after{position:absolute}.box.clients:before{content:"";filter:blur(10px);opacity:.6;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#ffffff0f,#fff0 40%);width:60%;height:160%;animation:7s linear infinite clients-sheen;top:-30%;left:-40%;transform:rotate(-18deg)}.box.clients:after{content:"";pointer-events:none;opacity:.9;background:radial-gradient(50% 40% at 50% 0,#00000080,#0000);border-radius:50%;height:18px;bottom:-6px;left:8%;right:8%}.box.clients .spawn-layer{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff03,#0000);border:1px dashed #ffffff0a;border-radius:8px;position:absolute;inset:12px;box-shadow:inset 0 1px #ffffff05,inset 0 -6px 16px #00000059}@keyframes clients-sheen{0%{opacity:.5;transform:translate(-120%)rotate(-18deg)}45%{opacity:.9}to{opacity:.5;transform:translate(180%)rotate(-18deg)}}.box.gateway{-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);z-index:2;width:42%;min-height:120px;transform-style:preserve-3d;background-color:#0c0e18db;background-image:radial-gradient(600px at 50% -60px,#ffffff09,#0000 40%),linear-gradient(90deg,#ffffff05,#0000 40%),linear-gradient(#ffffff08,#0000 60%);border:1px solid #ffffff14;border-bottom-color:#0000005c;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 8px #ffffff05,0 18px 36px -12px #03060fb3}.box.gateway:before,.box.gateway:after{position:absolute}.box.gateway:before{content:"";filter:blur(12px);opacity:.7;pointer-events:none;background:linear-gradient(120deg,#ffffff0f,#fff0 40%);width:60%;height:180%;animation:6s linear infinite gateway-sheen;top:-40%;left:-30%;transform:rotate(-20deg)}.box.gateway:after{content:"";opacity:.45;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff3,#fff0);border-radius:2px;height:2px;top:50%;left:12%;right:12%;transform:translateY(-50%);box-shadow:0 4px 14px #00000073,inset 0 1px 6px #ffffff05}@keyframes gateway-sheen{0%{opacity:.6;transform:translate(-100%)rotate(-20deg)}50%{opacity:.9}to{opacity:.6;transform:translate(200%)rotate(-20deg)}}.box.backend{-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);width:92%;max-width:1200px;min-height:180px;transform-style:preserve-3d;z-index:1;background-color:#0c0e18db;background-image:radial-gradient(800px at 50% -120px,#ffffff08,#0000 36%),linear-gradient(#ffffff05,#0000 60%);border:1px solid #ffffff0f;border-bottom-color:#0000003d;border-radius:12px;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff08,0 14px 28px -8px #03060fb3}.box.backend:before,.box.backend:after{position:absolute}.box.backend:before{content:"";filter:blur(10px);opacity:.6;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#ffffff0f,#fff0 40%);width:60%;height:160%;animation:7s linear infinite backend-sheen;top:-30%;left:-40%;transform:rotate(-18deg)}.box.backend:after{content:"";pointer-events:none;opacity:.9;background:radial-gradient(50% 40% at 50% 0,#00000080,#0000);border-radius:50%;height:18px;bottom:-6px;left:8%;right:8%}.box.backend .spawn-layer{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff03,#0000);border:1px dashed #ffffff0a;border-radius:8px;position:absolute;inset:12px;box-shadow:inset 0 1px #ffffff05,inset 0 -6px 16px #00000059}@keyframes backend-sheen{0%{opacity:.5;transform:translate(-120%)rotate(-18deg)}45%{opacity:.9}to{opacity:.5;transform:translate(180%)rotate(-18deg)}}@media (max-width:768px){.simulation-stage{gap:32px;margin-top:40px;padding:40px 0}.box.gateway{width:80%;min-height:100px}.box.clients,.box.backend{width:94%;padding:16px}.voucher-stats{font-size:12px}}@media (max-width:480px){.simulation-stage{gap:24px;margin-top:24px;padding:32px 0}.box.gateway{width:90%}.box.clients{min-height:200px}.box.backend{min-height:160px}}.maze-renderer{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.animation-controls{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:16px;width:100%;padding:16px;display:flex}.playback-bar{justify-content:center;gap:12px;display:flex}.control-btn{color:#e7e7f3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){color:#fff;background:#6f8cff33;border-color:#6f8cff;transform:scale(1.05)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-btn.play-pause{color:#0b0b0f;background:#6f8cff;border:none;width:48px;height:48px;font-size:1.4rem}.control-btn.play-pause:hover{background:#8da4ef;box-shadow:0 0 15px #6f8cff66}.control-btn.play-pause.active{color:#fff;background:#ff5757e6}.control-btn.play-pause.active:hover{background:#ff5757;box-shadow:0 0 15px #ff575766}.progress-section{flex-direction:column;gap:8px;display:flex}.progress-bar-container{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:#6f8cff;height:100%;transition:width .1s linear}.step-counter{color:#aeb5c5;text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem}.speed-section{align-items:center;gap:12px;display:flex}.speed-label{text-transform:uppercase;color:#aeb5c5;font-size:.8rem;font-weight:600}.speed-slider{accent-color:#6f8cff;cursor:pointer;flex-grow:1;height:4px}.algo-metrics{background:#141a2a66;border:1px solid #6f8cff1a;border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex}.metrics-title{color:#aeb5c5;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:12px;font-size:.9rem}.metrics-title span{color:#fff;text-transform:none;letter-spacing:normal;margin-top:4px;font-size:1.2rem;font-weight:700;display:block}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-card{text-align:center;background:#0000004d;border-radius:8px;flex-direction:column;align-items:center;padding:12px;display:flex}.metric-label{color:#aeb5c5;margin-bottom:4px;font-size:.7rem}.metric-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.metric-value.highlight{color:#00cc7a}.metric-sub{color:#6f8cff;opacity:.8;margin-top:4px;font-size:.65rem}.complexity-info{background:#6f8cff0d;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.complexity-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.comp-label{color:#c4c4d4}.comp-val{color:#ffeb3b;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:Fira Code,Monaco,monospace;font-size:.8rem}.labyrinth-page{color:#e7e7f3;--maze-wall-color:#6f8cff;--maze-wall-width:1;background:radial-gradient(1200px 900px at 50% -100px,#1a1a22,#0b0b0f 70%);width:100%;min-height:100vh;padding:40px 24px 160px;font-family:Clash Grotesk,system-ui,sans-serif;position:relative;overflow-x:hidden}.labyrinth-container{flex-direction:column;gap:48px;max-width:1400px;margin:0 auto;display:flex}.simulation-zone{grid-template-columns:1.6fr 1fr;align-items:start;gap:32px;display:grid}@media (max-width:1100px){.simulation-zone{grid-template-columns:1fr}}.labyrinth-card{background:#141a2a99;border:1px solid #6f8cff33;border-radius:16px;flex-direction:column;height:100%;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px -1px #0003}.labyrinth-card:hover{background:#141a2acc;border-color:#6f8cff66;transform:translateY(-2px)}.maze-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.maze-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.maze-header h2:before{content:"🗺️";font-size:1.2rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-badge.loading{color:#ffeb3b;background:#ffeb3b26;border:1px solid #ffeb3b4d;animation:1.5s infinite pulse}.status-badge.active{color:#4caf50;background:#4caf5026;border:1px solid #4caf504d}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.maze-display-frame{background-color:#0c0e18db;border:1px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:55vh;min-height:500px;max-height:700px;margin-bottom:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0006}.maze-placeholder{text-align:center;color:#aeb5c5}.maze-placeholder-icon{opacity:.3;margin-bottom:16px;font-size:64px}.control-panel{border-top:1px solid #ffffff0d;flex-wrap:wrap;align-items:flex-end;gap:16px;padding-top:20px;display:flex}.control-group{flex-direction:column;gap:6px;display:flex}.control-group label{text-transform:uppercase;color:#aeb5c5;letter-spacing:.05em;font-size:.75rem;font-weight:600}.control-group input[type=number],.control-group input[type=text]{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:6px;width:80px;padding:8px 12px;font-family:inherit;transition:all .2s}.control-group input:focus{background:#0006;border-color:#6f8cff;outline:none}.speed-control{flex-grow:1;min-width:150px}.speed-control input[type=range]{accent-color:#6f8cff;width:100%;height:6px;margin:10px 0}.action-buttons{gap:12px;margin-left:auto;display:flex}.action-button{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.action-button.primary{color:#0b0b0f;background:#6f8cff;border:none}.action-button.primary:hover:not(:disabled){background:#8da4ef;transform:translateY(-1px);box-shadow:0 4px 12px #6f8cff4d}.action-button.secondary{color:#c4c4d4;background:0 0;border:1px solid #6f8cff66}.action-button.secondary:hover:not(:disabled){color:#fff;background:#6f8cff1a;border-color:#6f8cff}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.algo-section{flex-direction:column;display:flex}.algo-panel h2{color:#fff;align-items:center;gap:12px;margin-top:0;margin-bottom:24px;font-size:1.25rem;font-weight:600;display:flex}.algo-selector-wrapper{margin-bottom:24px}.algo-selector-wrapper label{color:#aeb5c5;margin-bottom:8px;font-size:.8rem;display:block}.algo-select{color:#e7e7f3;cursor:pointer;background-color:#0a0c1499;border:1px solid #6f8cff4d;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:all .2s}.algo-select:focus{border-color:#6f8cff;box-shadow:0 0 10px #6f8cff33}.algo-content{background:#6f8cff0d;border-left:3px solid #6f8cff;border-radius:0 8px 8px 0;flex-grow:1;padding:24px}.algo-content h3{color:#fff;margin:0 0 16px;font-size:1.2rem;font-weight:600}.algo-content p{color:#c4c4d4;margin:0 0 20px;font-size:.95rem;line-height:1.6}.algo-content h4{text-transform:uppercase;letter-spacing:.05em;color:#6f8cff;opacity:.9;margin:0 0 12px;font-size:.9rem}.algo-content ul{color:#aeb5c5;margin:0;padding-left:20px;font-size:.9rem;list-style-type:none}.algo-content li{margin-bottom:10px;padding-left:4px;position:relative}.algo-content li:before{content:"•";color:#6f8cff;font-weight:700;position:absolute;left:-16px}.context-section .intro-panel{background:linear-gradient(#141a2a99 0%,#0a0c1299 100%);border:1px solid #ffffff14}.intro-content{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (max-width:900px){.intro-content{grid-template-columns:1fr;gap:24px}}.intro-panel h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a5a5b5 100%);-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:16px;font-size:2rem;font-weight:700}.intro-panel p{color:#aeb5c5;margin:0;font-size:1.05rem;line-height:1.7}.applications-list h3{color:#fff;margin-top:0;margin-bottom:16px;font-size:1.1rem;font-weight:600}.app-list li{color:#8da4ef;margin-bottom:10px}.app-list li strong{color:#c4c4d4;margin-right:4px}.auth-page{background:radial-gradient(circle,#1a1a2e 0%,#07070a 100%);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.auth-container{perspective:1000px;z-index:10;width:100%;max-width:440px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;background:#ffffff08;border:1px solid #ffffff1a;border-radius:32px;padding:48px;transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 50px -12px #00000080}.auth-card:hover{border-color:#fff3;transform:translateY(-5px)}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:700}.auth-header p{color:#ffffff80;font-size:16px}.auth-form{flex-direction:column;gap:24px;display:flex}.input-group{flex-direction:column;gap:10px;display:flex}.input-group label{color:#ffffffb3;margin-left:4px;font-size:14px;font-weight:500}.input-wrapper{position:relative}.input-wrapper input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:16px 20px;font-size:16px;transition:all .3s}.input-wrapper input:focus{background:#ffffff14;border-color:#6f8cff;box-shadow:0 0 0 4px #6f8cff26}.auth-submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:16px;margin-top:12px;padding:16px;font-size:17px;font-weight:600;transition:all .3s}.auth-submit-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.auth-submit-btn:active{transform:translateY(0)}.auth-toggle{text-align:center;color:#ffffff80;margin-top:32px;font-size:15px}.auth-toggle-btn{color:#6f8cff;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:6px;padding:4px 8px;font-weight:600;transition:all .2s}.auth-toggle-btn:hover{background:#6f8cff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card{animation:.8s cubic-bezier(.19,1,.22,1) forwards fadeIn}.blob{filter:blur(80px);z-index:1;background:linear-gradient(135deg,#6f8cff1a 0%,#ff6fec0d 100%);border-radius:50%;width:500px;height:500px;position:absolute}.blob-1{top:-100px;right:-100px}.blob-2{bottom:-100px;left:-100px}@media (max-width:480px){.auth-card{border-radius:24px;padding:32px 24px}}