:root{--bg: #050a14;--bg2: #080d1a;--bg3: #0c1222;--bg-card: rgba(8, 14, 28, .88);--bg-nav: rgba(5, 10, 20, .88);--cyan: #33aaff;--magenta: #ff3aaa;--amber: #ffaa33;--teal: #33ffcc;--lavender: #bb88ff;--brand-blue: #3a9efd;--brand-blue-light: #5cb8ff;--brand-blue-bright: #8ad4ff;--text-hi: #f0f6ff;--text-primary: #c8d8e8;--text-body: #c0cde0;--text-muted: #7090a8;--text-dim: #4a5a7a;--text-nav: #7a8fb0;--logo-cyan: #00e5ff;--logo-magenta: #d500f9;--logo-amber: #ffc400;--logo-white: #ffffff;--border-card: rgba(51, 170, 255, .18);--border-subtle: rgba(51, 170, 255, .15);--border-faint: rgba(51, 170, 255, .08);--border-divider: rgba(51, 170, 255, .1);--shadow-card: 0 4px 40px rgba(0, 0, 0, .5);--blur-nav: 16px;--blur-card: 18px;--font-display: clamp(3.5rem, 8vw, 7rem);--font-story: clamp(2.4rem, 4.5vw, 4.2rem);--font-heading: 1.35rem;--font-body: 1rem;--font-nav: .8rem;--font-label: .68rem;--font-mono: .78rem;--font-logo: 1.05rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--nav-h: 3.75rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}:root{font-family:Rajdhani,sans-serif;color:var(--text-body);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}.portal-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.portal-background,.portal-background__canvas{position:fixed;inset:0;pointer-events:none}.portal-background{z-index:0;background:var(--bg)}.portal-background__canvas{z-index:1;display:block;width:100%;height:100%}.portal-nav{position:fixed;top:0;left:0;right:0;z-index:10;min-height:var(--nav-h);padding:.85rem var(--space-xl);display:flex;align-items:center;background:var(--bg-nav);-webkit-backdrop-filter:blur(var(--blur-nav));backdrop-filter:blur(var(--blur-nav));border-bottom:1px solid var(--border-faint)}.portal-logo{display:flex;align-items:center;gap:.7rem}.portal-logo__svg{flex-shrink:0}.portal-logo__text{color:#fffc;font-size:var(--font-logo);font-weight:600;line-height:1;white-space:nowrap}.portal-logo__text .highlight{color:var(--brand-blue);animation:textPulse 1.2s ease-in-out 2.4s forwards}.trace{stroke-dasharray:200;stroke-dashoffset:200;animation:traceDraw 1.5s ease-in-out forwards}.trace--2{animation-delay:.2s}.trace--3{animation-delay:.4s}.trace--4{animation-delay:.6s}.node-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:nodePop .3s ease-out forwards}.node-dot--1{animation-delay:1.5s}.node-dot--2{animation-delay:1.7s}.node-dot--3{animation-delay:1.9s}.node-dot--4{animation-delay:2.1s}.portal-stage{position:fixed;inset:0;z-index:2;display:grid;place-items:center;padding:var(--space-xl)}.portal-card{width:min(100%,40rem);padding:2rem;border:1px solid var(--border-card);border-radius:1.5rem;background:linear-gradient(180deg,#080e1ceb,#050a14f5);box-shadow:0 24px 80px #00000085;-webkit-backdrop-filter:blur(var(--blur-card));backdrop-filter:blur(var(--blur-card))}.portal-card__title{margin:0;color:var(--text-hi);font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.1rem);line-height:1;letter-spacing:-.05em;max-width:18ch;text-wrap:pretty;text-align:center}.portal-card__actions{display:grid;gap:.9rem;margin-top:1.75rem}.portal-divider{display:flex;align-items:center;gap:1rem;margin:.25rem 0}.portal-divider:before,.portal-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.portal-divider__text{color:var(--text-muted);font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.portal-form{display:grid;gap:.85rem}.portal-field{display:grid;gap:.35rem;text-align:left}.portal-field__label{color:var(--text-muted);font-family:Share Tech Mono,monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.portal-input{min-height:3rem;width:100%;padding:0 1rem;border:1px solid var(--border-subtle);border-radius:1rem;background:#080e1cd1;color:var(--text-hi);font:inherit}.portal-input:focus{outline:2px solid rgba(92,184,255,.35);outline-offset:2px;border-color:#5cb8ff8c}.portal-card__body{margin:1rem auto 0;max-width:32rem;color:var(--text-muted);font-size:1rem;line-height:1.55;text-align:center}.portal-target,.portal-notice,.portal-alert{margin:1rem auto 0;max-width:32rem;text-align:center}.portal-target,.portal-notice{color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.portal-alert{padding:.75rem .9rem;border:1px solid rgba(255,97,123,.28);border-radius:1rem;background:#380c168c;color:#ffb8c4}.portal-button{display:inline-flex;justify-content:center;align-items:center;min-height:3.35rem;border-radius:999px;border:1px solid var(--border-subtle);font-family:Share Tech Mono,monospace;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform var(--transition-fast),border-color var(--transition-base),background var(--transition-base)}.portal-button:hover,.portal-button:focus-visible{transform:translateY(-1px)}.portal-button--primary{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-light));color:#03101c;border-color:transparent;box-shadow:0 10px 26px #3a9efd40}.portal-button--secondary{background:#080e1cb8;color:var(--text-primary)}.portal-button--secondary:hover,.portal-button--secondary:focus-visible{border-color:#5cb8ff73;background:#0c1222eb}.portal-link{display:block;margin-top:1rem;color:var(--brand-blue-light);font-family:Share Tech Mono,monospace;font-size:.8rem;letter-spacing:.06em;text-align:center;text-transform:uppercase}.portal-link:hover,.portal-link:focus-visible{color:var(--brand-blue-bright)}.portal-link--subtle{color:var(--text-muted)}@keyframes traceDraw{to{stroke-dashoffset:0}}@keyframes nodePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes textPulse{0%{color:var(--brand-blue);text-shadow:none}40%{color:var(--brand-blue-bright);text-shadow:0 0 12px rgba(90,180,255,.6),0 0 30px rgba(58,158,253,.3)}to{color:var(--brand-blue-light);text-shadow:0 0 4px rgba(90,180,255,.15)}}@media(max-width:640px){.portal-nav{padding-inline:var(--space-md)}.portal-stage{padding:calc(var(--nav-h) + var(--space-md)) var(--space-md) var(--space-md)}.portal-card{padding:1.4rem}.portal-card__title{font-size:clamp(2rem,10vw,3rem)}}