*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080c14;--bg2:#0d1320;--bg3:#111827;--cyan:#00e5ff;--cyan2:#00b4d8;--violet:#a855f7;--violet2:#7c3aed;--pink:#f472b6;--text:#e2e8f0;--muted:#6b7280;--border:#00e5ff26;--glass-bg:#0d1320b3;--glass-brd:#00e5ff33;--glow-c:0 0 30px #00e5ff4d;--glow-v:0 0 30px #a855f74d;--font-head:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--font-body:"DM Sans", sans-serif;--r:16px;--r2:24px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65;overflow-x:hidden}:root{--cyan:#00e5ff;--violet:#8b5cf6;--pink:#f472b6;--cyan-bright:#0ff;--violet-bright:#b026ff;--pink-bright:#f6c}html{scroll-behavior:smooth}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border:2px solid #0000;border-radius:20px}html:hover ::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--violet), var(--pink), var(--cyan));background-size:100% 400%;border:3px solid #0d1320f2;animation:8s linear infinite smoothScrollbarGradient;box-shadow:inset 0 0 10px #ffffff80}body:active ::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--violet), var(--pink), var(--cyan));background-size:100% 400%;border:3px solid #0d1320f2;animation:8s linear infinite smoothScrollbarGradient;box-shadow:inset 0 0 10px #ffffff80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--cyan-bright), var(--violet-bright), var(--pink-bright), var(--cyan-bright));background-size:100% 400%;animation:4s linear infinite smoothScrollbarGradient;box-shadow:inset 0 0 14px #ffffffd9}@keyframes smoothScrollbarGradient{0%{background-position:0 0}to{background-position:0 400%}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--cyan) transparent}}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.font-head{font-family:var(--font-head)}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.15}.gradient-text{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{z-index:10;width:100%;max-width:700px;margin:0 auto;padding:0 20px;position:relative}section{padding:80px 0;position:relative}.grid-bg{pointer-events:none;background-image:linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.section-header{margin-bottom:3rem}.section-header h2{margin-bottom:.75rem;font-size:clamp(1.9rem,6vw,3rem);font-weight:800}.tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--border);border-radius:100px;margin-bottom:1.1rem;padding:.3em .9em;font-size:.65rem;display:inline-block}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}#about .stat-item{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(20px)scale(.95)}#about .stat-item.vis{opacity:1;transform:translateY(0)scale(1)}#about .badge{opacity:0;transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)translateY(8px)}#about .badge.vis{opacity:1;transform:scale(1)translateY(0)}.bottom-nav{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#0d1320bf;border:1px solid #00e5ff26;border-radius:100px;gap:8px;padding:8px 12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080,0 0 20px #00e5ff1a}.nav-indicator{z-index:0;pointer-events:none;background:linear-gradient(135deg,#00e5ff26,#a855f726);border-radius:100px;height:calc(100% - 16px);transition:transform .5s cubic-bezier(.34,1.56,.64,1),width .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:8px;left:0}.bottom-nav a{color:#94a3b8;font-size:.55rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;z-index:1;border-radius:100px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:10px 16px;text-decoration:none;transition:color .5s;display:flex;position:relative}.bottom-nav a svg{stroke:#94a3b8;width:20px;height:20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),stroke .5s}.bottom-nav a:hover,.bottom-nav a.active{color:var(--cyan)}.bottom-nav a:hover svg,.bottom-nav a.active svg{stroke:var(--cyan);transform:translateY(-4px)scale(1.1)}#global-math-container{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.math-float{font-family:var(--font-mono);font-size:var(--size);color:var(--cyan);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform, opacity;animation:float-random var(--dur) linear var(--delay) infinite;position:absolute;top:0;left:0}@keyframes float-random{0%{transform:translate(var(--startX), var(--startY)) rotate(var(--rotStart));opacity:0}10%{opacity:var(--base-opacity)}90%{opacity:var(--base-opacity)}to{transform:translate(var(--endX), var(--endY)) rotate(var(--rotEnd));opacity:0}}#hero{flex-direction:column;justify-content:center;min-height:100svh;padding:100px 0 120px;display:flex;position:relative;overflow:hidden}.hero-canvas{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glow-1{background:radial-gradient(circle,#00e5ff26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:-100px;right:-100px}.hero-glow-2{background:radial-gradient(circle,#a855f71f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:5s ease-in-out infinite reverse pulse-glow;position:absolute;bottom:0;left:-80px}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-container{max-width:1100px}.hero-wrapper{z-index:2;justify-content:space-between;align-items:center;gap:50px;display:flex;position:relative}.hero-text-side{flex:1;max-width:580px}.hero-image-side{opacity:0;flex:1;justify-content:center;align-items:center;animation:.8s .8s forwards fade-up;display:flex;position:relative}.profile-frame{aspect-ratio:4/5;-webkit-backdrop-filter:blur(10px);z-index:2;background:#00e5ff0d;border:1px solid #00e5ff33;border-radius:32px;width:100%;max-width:340px;padding:12px;position:relative;box-shadow:0 0 50px #00e5ff26}.interactive-board-preview{-webkit-backdrop-filter:blur(12px);z-index:2;background:#0d132099;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 50px #00000080,0 0 30px #00e5ff1a}.interactive-board-preview:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.board-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.board-dots{gap:6px;display:flex}.board-dots span{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.board-title{font-family:var(--font-mono);color:#94a3b8;letter-spacing:.05em;font-size:.65rem}.board-body{height:320px;padding:24px;position:relative;overflow:hidden}.board-grid-inner{z-index:0;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.board-math-content{z-index:1;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.math-equation{font-family:var(--font-head);color:var(--text);margin-bottom:20px;font-size:2.2rem;font-weight:700}.draw-path{width:100%;height:120px}.board-cursor{z-index:2;animation:6s ease-in-out infinite move-cursor;position:absolute;bottom:20%;right:15%}.cursor-label{background:var(--cyan);color:var(--bg);font-family:var(--font-mono);border-radius:4px;padding:4px 8px;font-size:.6rem;font-weight:700;position:absolute;top:20px;left:14px}@keyframes move-cursor{0%,to{transform:translate(0)}30%{transform:translate(-150px,-80px)}60%{transform:translate(-50px,-120px)}}@media (width<=900px){.interactive-board-preview{max-width:380px;transform:none}.interactive-board-preview:hover{transform:none}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-eyebrow{opacity:0;align-items:center;gap:12px;margin-bottom:1.5rem;animation:.8s .3s forwards fade-up;display:flex}.hero-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-eyebrow span{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);font-size:.7rem}.eyebrow-content{text-align:center;line-height:1.5;display:inline-block}.hero-h1{opacity:0;word-break:break-word;margin-bottom:1.5rem;font-size:clamp(2rem,6vw,4.2rem);font-weight:800;line-height:1.2;animation:.8s .5s forwards fade-up}.hero-h1 .line2{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:8px;padding-right:8px;display:inline-block}.hero-sub{color:#94a3b8;opacity:0;max-width:480px;margin-bottom:2.5rem;font-size:1.05rem;font-weight:300;line-height:1.75;animation:.8s .7s forwards fade-up}.hero-ctas{opacity:0;flex-wrap:wrap;gap:12px;animation:.8s .9s forwards fade-up;display:flex}.btn{min-height:52px;font-family:var(--font-head);letter-spacing:.04em;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--cyan), var(--cyan2));color:var(--bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e5ff80,0 0 60px #00e5ff33}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:var(--text);background:0 0;border:1px solid #ffffff26}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px #00e5ff26}.btn svg{flex-shrink:0}.hero-shape{pointer-events:none;z-index:5;position:absolute}.hero-shape-1{perspective:900px;width:250px;height:250px;top:10%;right:5%}.hero-shape-2{perspective:700px;width:200px;height:200px;bottom:12%;left:5%}.hero-shape-3{perspective:1200px;opacity:.2;width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%)}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:12s linear infinite rotate-cube;position:relative}@keyframes rotate-cube{0%{transform:rotateX(20deg)rotateY(0)}to{transform:rotateX(20deg)rotateY(360deg)}}.cube-face{width:120px;height:120px;font-family:var(--font-mono);color:#00e5ff66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00e5ff0a;border:2px solid #00e5ff4d;justify-content:center;align-items:center;margin:-60px 0 0 -60px;font-size:1.8rem;display:flex;position:absolute;top:50%;left:50%}.cf-front{transform:translateZ(60px)}.cf-back{transform:rotateY(180deg)translateZ(60px)}.cf-right{transform:rotateY(90deg)translateZ(60px)}.cf-left{transform:rotateY(-90deg)translateZ(60px)}.cf-top{transform:rotateX(90deg)translateZ(60px)}.cf-bottom{transform:rotateX(-90deg)translateZ(60px)}.center-face{color:#a855f766;background:#a855f70a;border-color:#a855f74d;width:180px;height:180px;margin:-90px 0 0 -90px;font-size:2.5rem}.hero-shape-3 .cf-front{transform:translateZ(90px)}.hero-shape-3 .cf-back{transform:rotateY(180deg)translateZ(90px)}.hero-shape-3 .cf-right{transform:rotateY(90deg)translateZ(90px)}.hero-shape-3 .cf-left{transform:rotateY(-90deg)translateZ(90px)}.hero-shape-3 .cf-top{transform:rotateX(90deg)translateZ(90px)}.hero-shape-3 .cf-bottom{transform:rotateX(-90deg)translateZ(90px)}.tri-spin{width:100%;height:100%;transform-style:preserve-3d;animation:8s linear infinite reverse rotate-tri}@keyframes rotate-tri{0%{transform:rotateX(35deg)rotateY(0)}to{transform:rotateX(35deg)rotateY(360deg)}}.tri-face{width:90px;height:90px;font-family:var(--font-mono);color:#a855f766;background:#a855f70a;border:2px solid #a855f759;justify-content:center;align-items:center;margin:-45px 0 0 -45px;font-size:1.5rem;display:flex;position:absolute;top:50%;left:50%}.tf1{transform:rotateY(0)translateZ(45px)}.tf2{transform:rotateY(90deg)translateZ(45px)}.tf3{transform:rotateY(180deg)translateZ(45px)}.tf4{transform:rotateY(270deg)translateZ(45px)}.tf5{transform:rotateX(90deg)translateZ(45px)}.tf6{transform:rotateX(-90deg)translateZ(45px)}.scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:.8s 1.5s forwards fade-up,2s ease-in-out 2.3s infinite bob;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-indicator span{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.58rem}.scroll-mouse{border:1.5px solid #fff3;border-radius:11px;justify-content:center;width:22px;height:34px;padding-top:5px;display:flex}.scroll-mouse-dot{background:var(--cyan);border-radius:2px;width:3px;height:6px;animation:1.8s ease-in-out infinite scroll-dot}@keyframes scroll-dot{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(8px)}to{opacity:0;transform:translateY(0)}}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mobile-break{display:none}@media (width<=900px){.hero-wrapper{text-align:center;flex-direction:column-reverse;margin-top:20px}.hero-text-side{max-width:100%}.hero-eyebrow,.hero-ctas{justify-content:center}.hero-sub{margin-left:auto;margin-right:auto}}@media (width<=600px){.mobile-break{display:block}.mobile-hide{display:none}}@media (width<=420px){.hero-h1{font-size:2.1rem}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}}.student-panel-wrapper{z-index:100;opacity:0;animation:.8s .2s forwards fade-up;position:absolute;top:40px;right:40px}.btn-student{color:var(--cyan);-webkit-backdrop-filter:blur(12px);background:#0d132099;border:1px solid #00e5ff4d;box-shadow:0 4px 20px #0003}.btn-student:hover{border-color:var(--cyan);color:var(--cyan);background:#00e5ff1a;transform:translateY(-2px);box-shadow:0 0 20px #00e5ff33}@media (width<=900px){.student-panel-wrapper{top:24px;right:24px}}@media (width<=600px){.student-panel-wrapper{top:16px;right:16px}.btn-student{gap:6px;min-height:42px;padding:0 16px;font-size:.8rem}.btn-student svg{width:16px;height:16px}}#about{background:var(--bg2);overflow:hidden}.about-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-brd);border-radius:var(--r2);padding:24px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .3s;position:relative;overflow:hidden}.about-card:hover{border-color:#00e5ff59;transform:perspective(1000px)translateY(-6px)rotateX(2deg);box-shadow:0 20px 40px #0006,0 0 30px #00e5ff1a}.about-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:2px;position:absolute;top:0;left:0;right:0}.about-large-image{aspect-ratio:4/5;background:#00e5ff0d;border:1px solid #00e5ff33;border-radius:24px;width:100%;max-width:320px;margin:0 auto 20px;padding:10px;position:relative;box-shadow:0 0 40px #00e5ff1a}.about-large-image img{object-fit:cover;object-position:center top;border-radius:16px;width:100%;height:100%;display:block}.about-header-text{margin-bottom:12px}.about-header-text strong{font-size:1.4rem;font-family:var(--font-head);color:var(--text);margin-bottom:2px;display:block}.about-header-text span{color:var(--cyan);font-size:.82rem;font-family:var(--font-mono)}.about-desc{color:#94a3b8;margin-bottom:.8rem;font-size:.88rem;line-height:1.6}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1.2rem;display:grid}.stat-item{text-align:center;border:1px solid var(--border);border-radius:var(--r);background:#00e5ff0d;padding:10px 6px}.stat-num{font-family:var(--font-mono);color:var(--cyan);font-size:1.3rem;font-weight:700;display:block}.stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.badge-row{flex-wrap:wrap;gap:6px;margin-top:1rem;display:flex}.badge{font-size:.7rem;font-family:var(--font-mono);border:1px solid;border-radius:100px;padding:.25em .7em}.badge-cyan{color:var(--cyan);background:#00e5ff14;border-color:#00e5ff66}.badge-violet{color:var(--violet);background:#a855f714;border-color:#a855f766}.badge-pink{color:var(--pink);background:#f472b614;border-color:#f472b666}.scene-3d-6{perspective:600px;pointer-events:none;opacity:.45;z-index:5;width:140px;height:140px;position:absolute;top:20%;left:-60px}@media (width<=500px){.about-card:hover{transform:none}.about-large-image{max-width:260px}.stat-row{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.stat-item{padding:8px 4px!important}.stat-num{font-size:1rem!important}.stat-lbl{word-break:break-word!important;font-size:.52rem!important;line-height:1.3!important}}#offer{background:var(--bg);overflow:hidden}.offer-glow{pointer-events:none;background:radial-gradient(circle,#00e5ff0f 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-toggle{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;margin-bottom:2.5rem;padding:4px;display:flex;position:relative}.mode-toggle-pill{background:linear-gradient(135deg, var(--cyan), var(--cyan2));pointer-events:none;z-index:0;border-radius:100px;height:calc(100% - 8px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),width .3s;position:absolute;top:4px;left:4px}.mode-btn{color:var(--muted);font-family:var(--font-head);letter-spacing:.05em;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:.82rem;font-weight:700;transition:color .25s;display:flex;position:relative}.mode-btn.active{color:var(--bg)}.mode-btn svg{flex-shrink:0;width:16px;height:16px}.mode-panels{align-items:start;display:grid}.mode-panel{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;transition:opacity .5s,transform .5s,visibility .5s;transform:translateY(15px)}.mode-panel.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;transform:translateY(0)}.process-steps{padding-left:28px;position:relative}.process-line{background:linear-gradient(to bottom, var(--cyan), var(--violet), transparent);border-radius:1px;width:2px;position:absolute;top:16px;bottom:16px;left:10px}.process-line-fill{background:linear-gradient(to bottom, var(--cyan), var(--violet));border-radius:1px;transition:height .1s linear;position:absolute;top:0;left:0;right:0}.step-item{margin-bottom:0;padding:0 0 28px 20px;position:relative}.step-item:last-child{padding-bottom:0}.step-dot{background:var(--bg);z-index:1;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .4s,box-shadow .4s;display:flex;position:absolute;top:14px;left:-24px}.step-dot-inner{background:var(--muted);border-radius:50%;width:8px;height:8px;transition:background .4s,transform .4s}.step-item.in-view .step-dot{border-color:var(--cyan);box-shadow:0 0 14px #00e5ff80}.step-item.in-view .step-dot-inner{background:var(--cyan);transform:scale(1.2)}.step-card{background:var(--glass-bg);border-radius:var(--r2);opacity:0;border:1px solid #ffffff12;padding:20px;transition:border-color .4s,transform .6s cubic-bezier(.22,1,.36,1),opacity .6s;position:relative;overflow:hidden;transform:translate(40px)}.step-item.in-view .step-card{opacity:1;border-color:#00e5ff2e;transform:translate(0)}.step-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.step-item.in-view .step-card:before{opacity:1}.step-num{font-family:var(--font-mono);letter-spacing:.15em;color:var(--cyan);margin-bottom:.4rem;font-size:.6rem;display:block}.step-card h3{color:#fff;margin-bottom:.45rem;font-size:1.1rem;font-weight:700}.step-card p{color:#94a3b8;margin-bottom:.8rem;font-size:.84rem;line-height:1.7}.step-tags{flex-wrap:wrap;gap:6px;display:flex}.step-tag{font-size:.68rem;font-family:var(--font-mono);color:var(--cyan);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:100px;padding:.25em .7em}.step-tag.violet{color:var(--violet);background:#a855f714;border-color:#a855f733}.mode-detail{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mode-detail-card{background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r2);opacity:0;padding:22px 20px;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative;overflow:hidden;transform:translateY(24px)}.mode-detail-card.in-view{opacity:1;transform:translateY(0)}.mode-detail-card:hover{border-color:#00e5ff59}.mdc-header{align-items:center;gap:14px;margin-bottom:1rem;display:flex}.mdc-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex}.mdc-icon.c{background:#00e5ff1a;border:1px solid #00e5ff40}.mdc-icon.v{background:#a855f71a;border:1px solid #a855f740}.mdc-title{color:#fff;font-size:1rem;font-weight:700}.mdc-sub{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);margin-top:2px}.feature-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:.6rem;display:grid}.feat{color:#cbd5e1;align-items:flex-start;gap:7px;font-size:.79rem;line-height:1.5;display:flex}.feat-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:5px}.feat-dot.c{background:var(--cyan)}.feat-dot.v{background:var(--violet)}.location-pill{font-size:.75rem;font-family:var(--font-mono);color:var(--violet);background:#a855f714;border:1px solid #a855f733;border-radius:100px;align-items:center;gap:6px;margin-top:.8rem;padding:.3em .8em;display:inline-flex}.mode-detail .compare-row{grid-column:span 2}.compare-row{background:#00e5ff0a;border:1px solid #00e5ff1f;border-radius:16px;align-items:center;gap:12px;margin-top:6px;padding:18px 20px;display:flex}.compare-row svg{flex-shrink:0}.compare-row p{color:#94a3b8;font-size:.82rem;line-height:1.6}.scene-3d-3{perspective:600px;pointer-events:none;opacity:.5;z-index:5;width:150px;height:150px;position:absolute;top:10%;right:-50px}.scene-3d-8{perspective:500px;pointer-events:none;opacity:.5;z-index:5;width:110px;height:110px;position:absolute;top:30%;left:-20px}@media (width<=900px){.mode-detail{grid-template-columns:1fr!important;gap:24px!important}.mode-detail .compare-row{grid-column:1/-1!important}}#materials{background:var(--bg2);overflow:hidden}.materials-glow{pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.material-card{border-radius:var(--r2);background:linear-gradient(135deg,#a855f71f,#00e5ff14);border:1px solid #a855f74d;padding:32px 24px;position:relative;overflow:hidden}.material-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000);width:60%;height:200%;position:absolute;top:-50%;right:-30%;transform:rotate(-15deg)}.material-card h3{margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.material-card p{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.pdf-preview{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;margin-bottom:1.5rem;padding:16px;display:flex}.pdf-icon{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.pdf-meta strong{margin-bottom:2px;font-size:.88rem;display:block}.pdf-meta span{color:var(--muted);font-size:.75rem;font-family:var(--font-mono)}.scene-3d-7{perspective:800px;pointer-events:none;opacity:.4;z-index:5;width:180px;height:180px;position:absolute;bottom:10%;right:-60px}@keyframes shimmer-sweep{0%{transform:translate(-100%)rotate(-15deg)}to{transform:translate(300%)rotate(-15deg)}}.material-card.shimmer:after{animation:.9s forwards shimmer-sweep}@keyframes download-pulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.downloading{animation:.3s 3 download-pulse}#pricing{background:var(--bg);overflow:hidden}.pricing-cards{flex-direction:column;gap:16px;display:flex}.price-card{background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r2);padding:28px 24px;transition:border-color .25s,box-shadow .25s,opacity .65s,transform .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.price-card:hover{border-color:#00e5ff66;box-shadow:0 0 25px #00e5ff1a}.price-card.featured{background:linear-gradient(135deg,#00e5ff12,#a855f70d);border-color:#00e5ff80;box-shadow:0 0 40px #00e5ff1a}.price-card.featured:before{content:"NAJPOPULARNIEJSZY";background:linear-gradient(135deg, var(--cyan), var(--violet));color:var(--bg);font-family:var(--font-mono);letter-spacing:.12em;border-radius:0 var(--r2) 0 12px;padding:.4em 1em;font-size:.55rem;font-weight:700;position:absolute;top:0;right:0}.price-tier{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:.6rem;font-size:.65rem}.price-card h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.price-card .desc{color:#94a3b8;margin-bottom:1.4rem;font-size:.85rem;line-height:1.65}.price-amount{align-items:flex-end;gap:4px;margin-bottom:1.4rem;display:flex}.price-big{font-family:var(--font-mono);color:var(--cyan);font-size:2.6rem;font-weight:700;line-height:1}.price-small{color:var(--muted);padding-bottom:.3rem;font-size:.78rem}.price-features{list-style:none}.price-features li{color:#cbd5e1;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:7px 0;font-size:.84rem;display:flex}.price-features li:last-child{border-bottom:none}.check{color:var(--cyan);flex-shrink:0;font-size:1rem}.price-old{font-family:var(--font-mono);color:var(--muted);opacity:.6;margin-bottom:-5px;font-size:1rem;text-decoration:line-through}.promo-badge{color:var(--cyan);border:1px solid var(--border);font-family:var(--font-mono);background:#00e5ff1a;border-radius:4px;margin-top:10px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.scene-3d-4{perspective:500px;pointer-events:none;opacity:.4;z-index:5;width:130px;height:130px;position:absolute;bottom:15%;left:-40px}@media (width>=1024px){#pricing{width:100%!important;padding:80px 0!important;display:block!important}#pricing .container{text-align:left!important;max-width:1200px!important;margin:0 auto 3rem!important}.pricing-cards{grid-template-columns:repeat(3,1fr)!important;justify-content:center!important;gap:30px!important;width:95%!important;max-width:1300px!important;margin:0 auto!important;padding:0!important;display:grid!important}.price-card{width:100%!important;min-width:auto!important}.pricing-cards .price-card:last-child{grid-column:auto!important;max-width:none!important}}@media (width>=768px) and (width<=1023px){.pricing-cards{grid-template-columns:1fr 1fr;gap:20px;max-width:900px;display:grid}.pricing-cards .price-card:last-child{grid-column:span 2;max-width:450px;margin:0 auto}}#contact{background:var(--bg2);overflow:hidden}.contact-card{background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r2);overflow:hidden}.contact-header{border-bottom:1px solid #ffffff0f;padding:28px 24px 20px}.contact-header h3{margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.contact-header p{color:#94a3b8;font-size:.88rem}.contact-actions{flex-direction:column;gap:0;display:flex}.contact-btn{color:var(--text);cursor:pointer;text-align:left;width:100%;font-size:.95rem;font-family:var(--font-body);opacity:0;background:0 0;border:none;align-items:center;gap:16px;padding:18px 24px;text-decoration:none;transition:background .2s,color .2s,opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(-20px)}.contact-btn.vis{opacity:1;transform:translate(0)}.contact-btn:last-child{border-bottom:none}.contact-btn:hover,.contact-btn:active{color:var(--cyan);background:#00e5ff0f}.contact-btn-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ci-green{background:#22c55e1f;border:1px solid #22c55e4d}.ci-cyan{background:#00e5ff1a;border:1px solid #00e5ff4d}.ci-orange{background:#fb923c1a;border:1px solid #fb923c4d}.contact-btn-meta{flex:1}.contact-btn-meta strong{margin-bottom:2px;font-size:.92rem;font-weight:600;display:block}.contact-btn-meta span{color:var(--muted);font-size:.75rem;font-family:var(--font-mono)}.contact-btn-arrow{color:var(--muted);transition:transform .2s,color .2s}.contact-btn:hover .contact-btn-arrow{color:var(--cyan);transform:translate(4px)}.info-row{color:var(--muted);background:#0003;align-items:center;gap:8px;padding:16px 24px;font-size:.82rem;display:flex}.info-row svg{flex-shrink:0}.scene-3d-5{perspective:700px;pointer-events:none;opacity:.6;z-index:5;width:160px;height:160px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}footer{background:var(--bg);text-align:center;z-index:10;border-top:1px solid #ffffff0f;padding:32px 20px 100px;position:relative}footer .logo-f{font-family:var(--font-mono);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}footer p{color:var(--muted);font-size:.78rem}