*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:#fff}.login-page,.landing-page{background:#020811;overflow:hidden}.network-bg,.world-stage{position:fixed;inset:0;overflow:hidden;background:#020811}.network-bg{background-image:linear-gradient(rgba(0,5,16,.48),rgba(0,5,16,.72)),url('../images/space-time.jpg');background-size:cover;background-position:center;animation:worldJourney 24s ease-in-out infinite alternate}.world-photo,.world-image{position:absolute;inset:-8%;background-image:url('../images/space-time.jpg');background-size:cover;background-position:center;filter:saturate(1.12) contrast(1.05);animation:worldJourney 22s ease-in-out infinite alternate}.world-photo{opacity:.32}.world-stage .world-image{opacity:1;animation:worldJourney 24s ease-in-out infinite alternate}.world-vignette{position:absolute;inset:0;background:radial-gradient(circle at 54% 45%,transparent 0 18%,rgba(0,7,17,.22) 38%,rgba(0,5,12,.82) 100%),linear-gradient(90deg,rgba(0,7,17,.82),rgba(0,7,17,.25) 52%,rgba(0,7,17,.65));}.world-stage:after,.network-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 30%,transparent 70%,rgba(0,0,0,.48));pointer-events:none}.data-stream{position:absolute;z-index:3;white-space:nowrap;top:18%;left:0;color:rgba(76,226,255,.35);font-size:10px;letter-spacing:4px;animation:stream 18s linear infinite}.road{position:absolute;z-index:2;left:50%;top:-15%;width:18vw;min-width:160px;height:135%;transform:translateX(-50%) perspective(430px) rotateX(64deg);background:linear-gradient(90deg,transparent 0 16%,rgba(0,150,210,.16) 17% 83%,transparent 84%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);overflow:hidden;opacity:.9}.road:before,.road:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#00d9ff;box-shadow:0 0 20px #00d9ff}.road:before{left:16%}.road:after{right:16%}.road span{position:absolute;width:6px;height:95px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:0 0 16px #00d9ff;animation:roadmove .95s linear infinite}.road span:nth-child(2){animation-delay:.19s}.road span:nth-child(3){animation-delay:.38s}.road span:nth-child(4){animation-delay:.57s}.road span:nth-child(5){animation-delay:.76s}.data-lanes{position:absolute;inset:0;z-index:2;pointer-events:none}.lane{position:absolute;left:50%;top:50%;width:2px;height:65vh;background:linear-gradient(transparent,#00d9ff,transparent);filter:drop-shadow(0 0 10px #00d9ff);transform-origin:50% 0;animation:lanePulse 2.5s ease-in-out infinite}.l1{transform:rotate(-28deg)}.l2{transform:rotate(-12deg);animation-delay:.4s}.l3{transform:rotate(8deg);animation-delay:.8s}.l4{transform:rotate(24deg);animation-delay:1.2s}.l5{transform:rotate(42deg);animation-delay:1.6s}.data-cards{position:absolute;z-index:4;inset:0;pointer-events:none}.data-card{position:absolute;padding:10px 14px;border:1px solid rgba(93,225,255,.35);background:rgba(2,22,40,.5);backdrop-filter:blur(8px);border-radius:10px;color:#8fdcf2;font-size:8px;letter-spacing:1.4px;line-height:1.5;box-shadow:0 0 24px rgba(0,198,255,.12);animation:cardDrift 7s ease-in-out infinite}.data-card b{color:#fff}.c1{left:8%;top:25%}.c2{right:10%;top:21%;animation-delay:1.4s}.c3{left:13%;bottom:20%;animation-delay:2.7s}.c4{right:13%;bottom:17%;animation-delay:3.6s}.infinite-label{position:absolute;z-index:4;bottom:11%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:4px;color:rgba(157,224,243,.5);white-space:nowrap}.login-card{position:relative;z-index:5;width:min(430px,calc(100% - 36px));margin:6vh auto;background:rgba(5,20,38,.92);border:1px solid rgba(91,215,255,.22);border-radius:22px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 35px rgba(0,173,255,.1);backdrop-filter:blur(16px)}.mini-logo{display:flex;align-items:center;gap:10px}.mini-logo b{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#00bfff,#246bff);display:grid;place-items:center}.mini-logo strong{display:block;font-size:15px}.mini-logo small{display:block;color:#7ea1bc;font-size:10px;margin-top:3px}.login-card h1{font-size:27px;margin:28px 0 7px}.muted{font-size:12px;color:#89a2b8;line-height:1.7;margin-bottom:22px}.login-card label{display:block;font-size:11px;font-weight:700;color:#b6cce0;margin:13px 0 6px}.login-card input{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #21435e;background:#071b30;color:#fff;outline:none}.login-card input:focus{border-color:#00bfff;box-shadow:0 0 0 3px rgba(0,191,255,.1)}.login-btn,.hero-btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:13px;border:0;border-radius:10px;background:linear-gradient(90deg,#007cff,#00c8ff);color:#fff;font-weight:800;font-size:11px;letter-spacing:.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 28px rgba(0,148,255,.25)}.login-links{display:flex;justify-content:center;gap:9px;margin-top:18px;font-size:11px}.login-links a{color:#67d9ff;text-decoration:none}.login-foot{text-align:center;margin-top:24px;color:#5e7a90;font-size:9px}.alert{background:#4a1820;border:1px solid #9b3c4b;color:#ffb5bd;padding:10px;border-radius:9px;font-size:11px}.success{background:#103a2a;border:1px solid #1f7952;color:#9af0c3;padding:10px;border-radius:9px;font-size:11px}.landing-nav{position:relative;z-index:8;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.nav-login{color:#fff;border:1px solid rgba(91,215,255,.4);padding:10px 20px;border-radius:9px;text-decoration:none;font-size:11px;font-weight:800;background:rgba(0,15,30,.28);backdrop-filter:blur(8px)}.hero{position:relative;z-index:7;min-height:calc(100vh - 78px);display:flex;align-items:center;padding:0 8vw;gap:5vw}.hero-copy{max-width:620px}.eyebrow{font-size:10px;letter-spacing:3px;color:#3ddcff;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:0;letter-spacing:-3px;text-shadow:0 12px 45px rgba(0,0,0,.45)}.hero h1 span{color:#3bdcff;text-shadow:0 0 25px rgba(0,213,255,.35)}.hero p{color:#c0d4e0;font-size:14px;line-height:1.8;max-width:560px;margin:25px 0;text-shadow:0 2px 18px rgba(0,0,0,.6)}.hero-btn{width:auto;display:inline-flex;padding:14px 20px}.hero-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px;color:#c0d7e5;font-size:10px}.journey-hud{margin-left:auto;width:220px;border:1px solid rgba(80,224,255,.28);background:rgba(3,22,39,.42);backdrop-filter:blur(10px);border-radius:18px;padding:20px;box-shadow:0 0 45px rgba(0,185,255,.12);text-align:center;animation:hudFloat 4s ease-in-out infinite}.journey-hud span,.journey-hud small{display:block;font-size:8px;letter-spacing:2px;color:#7fa8bc}.journey-hud strong{display:block;font-size:70px;line-height:1;color:#52ddff;text-shadow:0 0 30px rgba(0,210,255,.55);margin:8px}.scroll-hint{position:absolute;z-index:8;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#9bb6c5}.scroll-hint span{margin-left:8px;color:#28d7ff;font-size:15px}.world-stage:hover .world-image{animation-duration:12s}.world-stage:hover .data-card{animation-duration:3s}@keyframes worldJourney{0%{transform:scale(1.04) translate3d(-3%,-1%,0)}50%{transform:scale(1.16) translate3d(2%,1%,0)}100%{transform:scale(1.07) translate3d(-1%,2%,0)}}@keyframes roadmove{0%{top:-110px;opacity:0}12%{opacity:1}100%{top:108%;opacity:.95}}@keyframes stream{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes lanePulse{0%,100%{opacity:.05;transform:scaleY(.75) rotate(var(--r,0deg))}50%{opacity:.75;transform:scaleY(1.15) rotate(var(--r,0deg))}}@keyframes cardDrift{0%,100%{transform:translate3d(0,0,0);opacity:.45}50%{transform:translate3d(0,-15px,0);opacity:1}}@keyframes hudFloat{50%{transform:translateY(-12px) rotate(-2deg)}}@media(max-width:800px){.hero{padding:20px 7vw;align-items:flex-start;padding-top:13vh}.hero-visual,.journey-hud{display:none}.hero h1{font-size:48px}.data-card{display:none}.infinite-label{font-size:6px;letter-spacing:2px}.landing-nav{padding:0 6vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

.world-stage:before{content:"∞  ·  SPACE  ·  TIME  ·  DATA  ·  MEMORY  ·  KNOWLEDGE  ·  ∞";position:absolute;z-index:5;top:12%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:4px;color:rgba(255,255,255,.5);white-space:nowrap;text-shadow:0 0 14px rgba(255,175,90,.7);animation:timeflow 9s linear infinite}.world-stage .world-image{filter:saturate(1.25) contrast(1.08)}@keyframes timeflow{0%{opacity:.15;letter-spacing:2px}50%{opacity:.8;letter-spacing:6px}100%{opacity:.15;letter-spacing:2px}}