.portal{background:#080d1d}.portal-hero{position:relative;overflow:hidden;padding:66px 0 0;text-align:center;background:radial-gradient(ellipse at 50% 20%,#5c3abd2e,transparent 53%)}.portal-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#a9bbff04 1px,transparent 1px),linear-gradient(90deg,#a9bbff04 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}.portal-hero .wrap{position:relative}.portal-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.25;margin:22px auto;letter-spacing:-2px}.portal-hero .lead{max-width:620px;margin:0 auto;color:#98a5bf;font-size:15px;line-height:1.9}.portal-hero .actions{justify-content:center;margin-top:27px}.portal-kicker{font-size:10px;letter-spacing:3px;color:#8e9ab6;margin-top:20px}.network-stage{position:relative;height:342px;max-width:960px;margin:25px auto 0}.network-lines{width:100%;height:100%;position:absolute;inset:0}.hub{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:116px;height:116px;border:1px solid #9980f65c;background:radial-gradient(circle,#493878,#111932);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 22px #9470ff08,0 0 0 45px #9470ff04,0 0 100px #8562ff33}.hub img{width:66px;height:66px;box-shadow:0 0 35px #8e79ff33;border-radius:20px}.node{position:absolute;display:flex;gap:12px;align-items:center;border:1px solid #6e85b636;border-radius:12px;padding:14px 20px;background:#111a2ce8;text-align:left;box-shadow:0 18px 35px #0003}.node strong{font-size:13px;display:block}.node small{color:#7f8ea9;font-size:10px}.node .symbol{font-size:18px;width:34px;height:34px;display:grid;place-items:center;color:#bca4ff;background:#9672fb13;border-radius:9px}.node-a{top:24px;left:10%}.node-b{top:33px;right:6%}.node-c{bottom:54px;left:2%}.node-d{bottom:45px;right:12%}.node-b .symbol,.node-d .symbol{color:#6ddae7;background:#41d1ef13}.stage-label{position:absolute;bottom:10px;left:0;right:0;font-size:9px;color:#53627e;letter-spacing:2px}.portal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10162b7a}.portal-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 0;color:#9ca7bf;font-size:12px}.portal-strip span:first-child{color:#5e6b87;font-size:10px;letter-spacing:1px}.portal-strip b{font-weight:500;color:#d1d7e8}.portal-heading{text-align:center;margin-bottom:36px}.portal-heading .eyebrow{justify-content:center}.portal-heading p{font-size:13px;color:var(--muted);margin:12px 0 0}.scene-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.scene{position:relative;border:1px solid var(--line);background:#11182b;border-radius:15px;overflow:hidden;padding:30px}.scene-big{grid-row:span 2;background:radial-gradient(ellipse at 90% 90%,#2b658531,transparent 70%),#11182b;padding:38px;display:flex;flex-direction:column}.scene .category{color:#93a7c9;font-size:10px;letter-spacing:2px}.scene h3{font-size:23px;margin:13px 0 10px}.scene p{color:#8e9bb5;font-size:13px;max-width:340px;margin:0}.scene-link{margin-top:24px;display:inline-block;font-size:12px;color:#b69bff}.notebook{margin-top:36px;border:1px solid #637c9a42;border-radius:12px;background:#0b1123;padding:18px;transform:rotate(-3deg);width:90%;box-shadow:10px 20px 30px #0003}.notebook-top{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:14px}.notebook-top i{width:5px;height:5px;border-radius:50%;background:#7784a6}.notebook-body{display:grid;grid-template-columns:36px 1fr;gap:15px;padding-top:19px}.notebook-side{background:#7663d220;border-radius:4px}.notebook-lines i{display:block;height:6px;background:#252e46;margin:10px 0;border-radius:2px}.notebook-lines i:nth-child(2){width:80%;background:linear-gradient(90deg,#7056bd,#2d768b)}.notebook-lines i:last-child{width:55%}.scene-small{display:grid;grid-template-columns:1fr 65px;gap:20px;align-items:center}.scene-emblem{color:#a591e3;border:1px solid #9d7afc29;background:#9d7afc0a;border-radius:20px;width:65px;height:65px;display:grid;place-items:center;font-size:27px}.scene-small:last-child .scene-emblem{color:#67cbd7;border-color:#67cbd729;background:#67cbd70a}.portal-route{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.portal-route h2{font-size:36px;line-height:1.4}.portal-route p{font-size:14px;color:var(--muted)}.route-cards{display:grid;gap:15px}.route-card{display:flex;align-items:center;gap:20px;border:1px solid #ffffff12;border-radius:12px;padding:24px;background:#121b31}.route-number{font-size:22px;font-weight:300;color:#7968b4}.route-card strong{display:block;font-size:16px;font-weight:600}.route-card small{color:#7f8da9;font-size:12px}.route-card .arrow{margin-left:auto;font-size:23px;color:#8f79c8}.route-card:hover{border-color:#9e80ff70}.portal-final{text-align:center;padding:58px 25px;background:radial-gradient(ellipse at 50% 110%,#6956c035,transparent 80%);border:1px solid #9578e32b;border-radius:16px}.portal-final h2{font-size:32px;margin:0 0 14px}.portal-final p{color:var(--muted);font-size:13px;margin:0 0 24px}.portal-final .btn{min-width:190px}@media(max-width:760px){.portal-hero{padding-top:44px}.portal-hero h1{font-size:41px;letter-spacing:-1.5px}.portal-hero .lead{font-size:13px;max-width:340px}.network-stage{height:330px;margin-top:30px}.network-lines{opacity:.6}.hub{width:84px;height:84px;top:48%}.hub img{width:49px;height:49px}.node{padding:9px 11px;gap:8px;min-width:127px}.node strong{font-size:11px}.node small{font-size:8px}.node .symbol{width:26px;height:26px;font-size:14px}.node-a{left:0;top:17px}.node-b{right:0;top:45px}.node-c{left:0;bottom:66px}.node-d{right:0;bottom:39px}.stage-label{bottom:0;font-size:8px;letter-spacing:1px}.portal-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px}.portal-strip span:first-child{grid-column:1/-1}.scene-grid{grid-template-columns:1fr}.scene-big{grid-row:auto;padding:27px}.scene{padding:25px}.scene-small{grid-template-columns:1fr 50px;gap:12px}.scene h3{font-size:21px}.scene-emblem{width:50px;height:50px;font-size:22px;border-radius:15px}.notebook{margin-top:25px}.portal-route{grid-template-columns:1fr;gap:25px}.portal-route h2{font-size:28px}.route-card{padding:20px}.portal-final{padding:35px 20px}.portal-final h2{font-size:26px}}@media(max-width:370px){.portal-hero h1{font-size:36px}.portal-kicker{letter-spacing:1px}.node{min-width:118px;padding:8px}.node small{font-size:7px}}