.hero{z-index:2;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;max-width:1320px;margin:0 auto;padding:5rem 3rem 6rem;min-height:calc(100vh - 64px)}.hero,.hero-left{position:relative}.hero-left{opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.16,1,.3,1)}.hero.ready .hero-left{opacity:1;transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;margin-bottom:1.75rem;background:rgba(0,214,95,.06);border:1px solid rgba(0,214,95,.15);border-radius:20px;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#00d65f;letter-spacing:.04em}.badge-pulse{width:6px;height:6px;background:#00d65f;border-radius:50%;box-shadow:0 0 6px #00d65f;animation:welcome-pulse 2s infinite}@keyframes welcome-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:1.25rem;color:#f0f4f8}.hero p{color:#8899a6;font-size:1.05rem;line-height:1.65;margin-bottom:2rem;max-width:480px}.hero-btns{display:flex;gap:.75rem;flex-wrap:wrap}.text-accent{color:#00d65f}.hero-visual{width:100%;max-width:520px;margin:0 auto;opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1) .3s}.hero.ready .hero-visual{opacity:1;transform:translateY(0)}.cyber-scene-auto-tilt{width:100%;aspect-ratio:1;transform-style:preserve-3d;animation:welcome-autoTilt 12s ease-in-out infinite}@keyframes welcome-autoTilt{0%{transform:rotateX(8deg) rotateY(-10deg) rotate(0deg)}50%{transform:rotateX(15deg) rotateY(10deg) rotate(1.5deg)}to{transform:rotateX(8deg) rotateY(-10deg) rotate(0deg)}}.cyber-scene{position:relative;width:100%;aspect-ratio:1;height:auto;max-width:520px;margin:0 auto;transition:transform .08s linear;transform-style:preserve-3d}.cyber-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;z-index:1;transform:translateZ(0)}.shield-center{position:absolute;top:50%;left:50%;width:15%;height:15%;min-width:50px;min-height:50px;z-index:10;color:#00d65f;filter:drop-shadow(0 0 30px rgba(0,214,95,.3)) drop-shadow(0 0 60px rgba(0,214,95,.1));animation:welcome-shieldFloat 4s ease-in-out infinite;transform-style:preserve-3d}.shield-center svg{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(0,214,95,.8))}@keyframes welcome-shieldFloat{0%,to{transform:translate3d(-50%,-50%,45px) scale(1)}50%{transform:translate3d(-50%,-53%,65px) scale(1.04)}}.cyber-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,214,95,.12);transform-origin:center;transform-style:preserve-3d}.cyber-ring-1{width:46%;height:46%;top:27%;left:27%;animation:welcome-ringRotate1 20s linear infinite;border-style:solid}.cyber-ring-2{width:65%;height:65%;top:17.5%;left:17.5%;animation:welcome-ringRotate2 30s linear infinite reverse;border-style:dashed;border-color:rgba(0,214,95,.07)}.cyber-ring-3{width:85%;height:85%;top:7.5%;left:7.5%;animation:welcome-ringRotate3 45s linear infinite;border-color:rgba(0,214,95,.04)}@keyframes welcome-ringRotate1{0%{transform:translateZ(15px) rotate(0deg)}to{transform:translateZ(15px) rotate(1turn)}}@keyframes welcome-ringRotate2{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(-1turn)}}@keyframes welcome-ringRotate3{0%{transform:translateZ(-15px) rotate(0deg)}to{transform:translateZ(-15px) rotate(1turn)}}.data-point{position:absolute;width:46%;height:46%;top:27%;left:27%;z-index:5;animation:welcome-dpOrbit 12s linear infinite;animation-delay:var(--delay);transform-origin:center;transform-style:preserve-3d}@keyframes welcome-dpOrbit{0%{transform:translateZ(15px) rotate(var(--deg))}to{transform:translateZ(15px) rotate(calc(var(--deg) + 1turn))}}.dp-dot{position:absolute;top:50%;right:-3px;margin-top:-3px;display:block;width:6px;height:6px;background:#00d65f;border-radius:50%;box-shadow:0 0 8px #00d65f,0 0 16px rgba(0,214,95,.3);animation:welcome-dpPulse 2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes welcome-dpPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}.float-tag{position:absolute;z-index:5;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.1em;color:#00d65f;opacity:.4;padding:.2rem .5rem;border:1px solid rgba(0,214,95,.1);border-radius:4px;background:rgba(0,214,95,.03);transform-style:preserve-3d}.ft-1{top:15%;right:5%;animation:welcome-tagFloat1 6s ease-in-out infinite}.ft-2{bottom:20%;left:5%;animation:welcome-tagFloat2 6s ease-in-out infinite;animation-delay:2s}.ft-3{top:50%;right:0;animation:welcome-tagFloat3 6s ease-in-out infinite;animation-delay:4s}@keyframes welcome-tagFloat1{0%,to{transform:translateZ(35px) translateY(0);opacity:.4}50%{transform:translateZ(50px) translateY(-8px);opacity:.8}}@keyframes welcome-tagFloat2{0%,to{transform:translateZ(25px) translateY(0);opacity:.4}50%{transform:translateZ(40px) translateY(-8px);opacity:.8}}@keyframes welcome-tagFloat3{0%,to{transform:translateZ(45px) translateY(0);opacity:.4}50%{transform:translateZ(60px) translateY(-8px);opacity:.8}}.welcome-quotes-rail{position:relative;z-index:2;display:flex;justify-content:center;width:100%;max-width:720px;margin:0 auto;padding:0 3rem 2rem}.welcome-quotes-rail .magic-quotes-container{width:100%;max-width:580px;background:rgba(5,10,7,.85);backdrop-filter:blur(8px);border-radius:12px;padding:1.25rem 1.5rem;border:1px solid rgba(0,214,95,.2);font-size:.8rem;line-height:1.6;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(0,214,95,.1)}.mq-header{justify-content:space-between;border-bottom:1px solid rgba(0,214,95,.1);padding-bottom:.75rem;margin-bottom:1rem}.mq-header,.mq-title{display:flex;align-items:center}.mq-title{font-family:JetBrains Mono,monospace}.mq-subtitle{font-size:.65rem;color:#8899a6;margin-left:.5rem;letter-spacing:1px}.welcome-quotes-rail .q-author{font-size:.7rem;margin-bottom:0}.q-sys{color:rgba(255,255,255,.4);font-size:.65rem;letter-spacing:1px}.magic-quotes-container{position:relative;z-index:2;font-family:JetBrains Mono,monospace;font-size:.7rem;line-height:1.6}.magic-line{margin-bottom:.25rem;min-height:1.2rem}.q-text{color:#a7f3d0;text-shadow:0 0 8px rgba(167,243,208,.4)}.q-author{color:#00d65f;font-weight:700;opacity:.8;margin-bottom:2rem;font-size:.6rem;letter-spacing:1px}.q-space{display:block;min-height:.6rem}.magic-cursor{display:inline-block;width:6px;height:1.1em;background:#00d65f;vertical-align:bottom;margin-left:4px;animation:welcome-blink 1s step-end infinite;box-shadow:0 0 8px #00d65f}@keyframes welcome-blink{0%,to{opacity:1}50%{opacity:0}}.st-dots{display:flex;gap:6px}.dot-g,.dot-r,.dot-y{width:9px;height:9px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.auth-siber{color:#00ff96;text-shadow:0 0 10px rgba(0,255,150,.5),0 0 20px rgba(0,255,150,.3);font-weight:800}.auth-dev{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.6),0 0 20px rgba(251,191,36,.4);font-weight:800}.btn-outline{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f0f4f8;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;z-index:1;transition:all .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;perspective:1000px}.btn-outline:before{content:"";position:absolute;top:0;left:0;width:130%;height:100%;background:linear-gradient(90deg,rgba(0,214,95,.3),rgba(0,214,95,.6));transform:translate3d(-105%,0,-2px) skewX(-15deg);transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:-1}.btn-outline.btn-tapped,.btn-outline:active,.btn-outline:hover{border-color:#00d65f;color:#ffffff;text-shadow:0 0 8px rgba(0,255,150,.6);transform:translateY(-2px) translateZ(15px);box-shadow:0 8px 25px rgba(0,214,95,.25),inset 0 0 0 1px rgba(0,214,95,.35)}.btn-outline.btn-tapped:before,.btn-outline:active:before,.btn-outline:hover:before{transform:translate3d(-10%,0,-2px) skewX(-15deg)}.nav-pill-link{display:inline-flex;align-items:center;position:relative;padding:.5rem 1.25rem;border-radius:9999px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#94a3b8;text-decoration:none;transition:color .3s,background .3s,text-shadow .3s;overflow:hidden}.nav-pill-link:after{content:"";position:absolute;bottom:6px;left:1.25rem;right:1.25rem;height:1.5px;background:linear-gradient(90deg,#00d65f,#00ff6e,rgba(0,255,110,.3));border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px rgba(0,255,110,.5)}.nav-pill-link:hover{color:#f1f5f9;background:rgba(0,214,95,.08);text-shadow:0 0 12px rgba(0,255,110,.15)}.nav-pill-link:hover:after{transform:scaleX(1)}.nav-ghost{display:inline-flex;align-items:center;min-height:40px;padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;background:transparent;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:#94a3b8;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:color .3s,background .3s,border-color .3s,box-shadow .3s,text-shadow .3s}.nav-ghost:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,214,95,.08) 50%,transparent);transform:translateX(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.nav-ghost:hover{color:#ffffff;border-color:rgba(0,214,95,.45);background:rgba(0,214,95,.06);text-shadow:0 0 10px rgba(0,255,110,.3);box-shadow:0 0 15px rgba(0,214,95,.1);animation:welcome-ghostFlicker .4s ease-out}.nav-ghost:hover:before{transform:translateX(100%)}@keyframes welcome-ghostFlicker{0%{border-color:rgba(0,214,95,.45)}20%{border-color:rgba(0,214,95,.1)}40%{border-color:rgba(0,214,95,.6)}60%{border-color:rgba(0,214,95,.15)}80%{border-color:rgba(0,214,95,.5)}to{border-color:rgba(0,214,95,.45)}}.nav-primary{display:inline-flex;align-items:center;min-height:40px;padding:.5rem 1rem;border-radius:8px;border:none;background:#00d65f;color:#0a0f14;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 rgba(0,214,95,0)}.nav-primary:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s cubic-bezier(.16,1,.3,1)}.nav-primary:hover{background:#00ff6e;box-shadow:0 0 25px rgba(0,214,95,.4);transform:translateY(-1px)}.nav-primary:hover:after{left:125%}.btn-glow{display:inline-flex;align-items:center;gap:.5rem;background:#00d65f;color:#0a0f14;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s;text-transform:uppercase;letter-spacing:.03em;text-decoration:none}.btn-glow svg{width:18px;height:18px;transition:transform .2s}.btn-glow:hover{box-shadow:0 0 30px rgba(0,214,95,.3),0 4px 20px rgba(0,214,95,.15);transform:translateY(-1px)}.btn-glow:hover svg{transform:translateX(3px)}.btn-glow.btn-lg{padding:.9rem 2rem;font-size:.9rem}.course-btn{margin-top:auto;font-size:.78rem;padding:.6rem .9rem}.btn-auth-submit,.course-btn{width:100%;justify-content:center}.btn-auth-submit{display:inline-flex;align-items:center;min-height:48px;padding:.75rem 1.5rem;background:rgba(0,214,95,.06);border:1px solid rgba(0,214,95,.35);border-radius:12px;color:#00ff6e;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;position:relative;overflow:hidden;z-index:1;transition:all .4s cubic-bezier(.16,1,.3,1);text-shadow:0 0 12px rgba(0,255,110,.4);box-shadow:0 0 20px rgba(0,214,95,.08),inset 0 1px 0 rgba(0,214,95,.08)}.btn-auth-submit:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,110,.12) 40%,rgba(0,255,110,.25) 50%,rgba(0,255,110,.12) 60%,transparent);z-index:-1;animation:welcome-authScan 3s ease-in-out infinite}@keyframes welcome-authScan{0%{left:-100%}to{left:200%}}.btn-auth-submit:hover{border-color:#00ff6e;background:rgba(0,214,95,.12);color:#ffffff;text-shadow:0 0 16px rgba(0,255,110,.7);box-shadow:0 0 35px rgba(0,214,95,.2),0 0 60px rgba(0,214,95,.08),inset 0 0 0 1px rgba(0,255,110,.15);transform:translateY(-1px)}.btn-auth-submit:disabled{opacity:.5;cursor:not-allowed;border-color:rgba(0,214,95,.15);text-shadow:none;box-shadow:none;transform:none}.btn-auth-submit:disabled:before{animation:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #050807!important;-webkit-text-fill-color:#f1f5f9!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-width:1200px){.hero{grid-template-columns:1fr;padding:3rem 1.5rem 4rem;gap:2.5rem;min-height:auto}.hero-visual{max-width:420px;margin:0 auto}.welcome-quotes-rail{padding:0 1.5rem 1.5rem}}@media (max-width:768px){.hero{padding:2rem 1.25rem 3rem;gap:1.5rem}.hero h1{font-size:clamp(1.6rem,6vw,2.2rem)}.hero p{font-size:.92rem;margin-bottom:1.5rem}.hero-btns{flex-direction:column}.hero-btns .btn-glow,.hero-btns .btn-outline{width:100%;justify-content:center}.hero-badge{font-size:.6rem;padding:.3rem .7rem;margin-bottom:1.25rem}.welcome-quotes-rail{padding:0 1.25rem 1rem}.welcome-quotes-rail .magic-quotes-container{padding:1rem 1.25rem;font-size:.72rem;line-height:1.5}.welcome-quotes-rail .mq-header{padding-bottom:.5rem;margin-bottom:.75rem}.welcome-quotes-rail .mq-subtitle{font-size:.55rem}.hero-visual{width:100%;max-width:340px;margin:0 auto}.cyber-scene{width:100%;max-width:320px;aspect-ratio:1;height:auto}.float-tag{font-size:.5rem}}@media (max-width:640px){.hero{padding:1.5rem 1rem 2.5rem}.hero h1{font-size:1.6rem;line-height:1.15}.hero p{font-size:.88rem;line-height:1.55}.cyber-scene{width:100%;max-width:290px;aspect-ratio:1;height:auto}.shield-center{width:50px;height:50px}.float-tag{font-size:.45rem;padding:.15rem .3rem}}@media (max-width:380px){.hero h1{font-size:1.4rem}.hero p{font-size:.82rem}.btn-glow,.btn-outline{font-size:.78rem;padding:.7rem 1.2rem}}@media (prefers-reduced-motion:reduce){.badge-pulse,.btn-auth-submit:before,.cyber-ring-1,.cyber-ring-2,.cyber-ring-3,.cyber-scene-auto-tilt,.data-point,.dp-dot,.ft-1,.ft-2,.ft-3,.magic-cursor,.shield-center{animation:none!important}.hero-left,.hero-visual{opacity:1!important;transform:none!important;transition:none!important}}