*,*::before,*::after { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:100px }
body { margin:0;color:var(--nk-text);background:var(--nk-bg);font:400 .9375rem/1.6 var(--nk-font) }
a { color:inherit;text-decoration:none }
button,a { -webkit-tap-highlight-color:transparent }
button { font:inherit;cursor:pointer }
:focus-visible { outline:2px solid var(--nk-accent-light);outline-offset:4px }
[hidden] { display:none!important }
.nk-icon { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0 }
.nk-skip { position:fixed;left:16px;top:-80px;z-index:100;background:var(--nk-surface);padding:12px 18px;border:1px solid var(--nk-border);border-radius:8px }
.nk-skip:focus { top:12px }
.nk-sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap }
.nk-eyebrow { font-size:.6875rem;letter-spacing:.14em;font-weight:600;color:var(--nk-text-muted);margin:0 0 18px }
.portal-main { max-width:1280px;margin:auto;padding:0 48px }
.portal-hero { display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;min-height:620px;padding:80px 0 70px }
h1,h2,h3,p { margin-top:0 }
h1 { font-size:clamp(2.8rem,4.8vw,4.5rem);line-height:1.08;letter-spacing:-.055em;font-weight:700;margin-bottom:24px }
h1 span { color:var(--nk-accent-light) }
.hero-description { font-size:1.125rem;line-height:1.7;max-width:420px;color:var(--nk-text-subtle);margin-bottom:30px }
.hero-actions { display:flex;gap:12px;flex-wrap:wrap }
.portal-button { min-height:44px;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:11px 18px;border:1px solid var(--nk-border);border-radius:8px;font-weight:600;font-size:.875rem;transition:background 150ms,border-color 150ms }
.portal-button.primary { background:var(--nk-accent);border-color:var(--nk-accent);color:#fff }
.portal-button.primary:hover { background:var(--nk-accent-strong);border-color:var(--nk-accent-strong) }
.portal-button.secondary { color:var(--nk-text-subtle);background:var(--nk-surface) }
.portal-button.secondary:hover { background:var(--nk-surface-raised);border-color:var(--nk-control-border) }
.hero-note { margin:20px 0 0;font-size:.8125rem;color:var(--nk-text-muted) }
.hero-art { height:430px;position:relative;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse,#ef444415,transparent 66%);overflow:hidden }
.hero-art>img { width:85%;height:auto;object-fit:contain;z-index:1;filter:drop-shadow(0 18px 40px #0008) }
.world-orbit { position:absolute;border:1px solid #ef44442a;border-radius:50%;transform:rotate(-20deg) }
.orbit-outer { width:92%;height:72% }.orbit-inner { width:76%;height:92%;transform:rotate(30deg);border-color:#30323c }
.orbit-node { position:absolute;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--nk-border);border-radius:8px;background:var(--nk-bg);font-size:.8125rem;z-index:2 }
.orbit-app { top:14%;left:8%;color:#93c5fd }.orbit-tv { right:6%;top:24%;color:#6ee7b7 }.orbit-account { bottom:18%;left:5%;color:#c4b5fd }.orbit-forum { bottom:12%;right:8%;color:var(--nk-text-subtle) }
.art-caption { position:absolute;bottom:0;letter-spacing:.2em;font-size:.625rem;color:var(--nk-text-muted) }
.portal-section { padding:58px 0;border-top:1px solid var(--nk-border);scroll-margin-top:20px }
.section-heading { display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px }
.section-heading p { margin-bottom:0;color:var(--nk-text-muted) }.section-heading .nk-eyebrow { margin-bottom:8px }
h2 { font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.035em;line-height:1.2;margin-bottom:0 }
.service-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px }
.service-card { display:flex;flex-direction:column;gap:28px;padding:24px;border:1px solid var(--nk-border);border-radius:12px;background:var(--nk-surface);transition:background 150ms,border-color 150ms;min-width:0 }
.service-card:hover { background:var(--nk-surface-raised);border-color:var(--service-accent) }
.card-app { --service-accent:var(--nk-app) }.card-tv { --service-accent:var(--nk-tv) }.card-account { --service-accent:var(--nk-account) }.card-forum { --service-accent:var(--nk-web) }
.service-card-top { display:flex;align-items:center;justify-content:space-between;gap:12px }.service-card-top>span:last-child { font-size:.75rem;color:var(--nk-text-muted) }
.portal-icon { width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--nk-border);border-radius:10px;color:var(--service-accent) }
.service-card h3 { font-size:1.125rem;letter-spacing:-.02em;margin:0 0 8px }.service-card p { color:var(--nk-text-muted);font-size:.875rem;margin:0;line-height:1.7 }
.service-card-link { display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:.8125rem;font-weight:500 }.service-card-link svg { color:var(--service-accent);width:17px;height:17px }
.stream-frame { overflow:hidden;border-radius:12px;border:1px solid var(--nk-border);background:#090a0d;aspect-ratio:16/9 }.stream-frame iframe { width:100%;height:100%;border:0;display:block }
.community-section { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start }.community-section h2 { margin-bottom:16px }.community-section p:not(.nk-eyebrow) { color:var(--nk-text-muted);max-width:360px }
.community-links { display:grid;grid-template-columns:1fr 1fr;gap:8px }.community-links a { display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--nk-border);border-radius:8px;padding:12px 16px;font-size:.875rem;background:var(--nk-surface) }.community-links a:hover { border-color:var(--nk-control-border);background:var(--nk-surface-raised) }.community-links svg { width:16px;height:16px;color:var(--nk-text-muted) }
.portal-footer { border-top:1px solid var(--nk-border);padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--nk-text-muted);font-size:.75rem }.portal-footer>span:first-child { color:var(--nk-text-subtle);font-weight:600 }.portal-footer nav { display:flex;gap:24px }.portal-footer a:hover { color:var(--nk-text) }
.legal-document { max-width:840px;margin:auto;padding:64px 32px;line-height:1.8 }.legal-document h1 { font-size:clamp(2rem,5vw,3rem);margin-bottom:24px;overflow-wrap:anywhere }.legal-document h2 { font-size:1.35rem;margin:36px 0 12px }.legal-document p { color:var(--nk-text-subtle) }.legal-document a { color:var(--nk-accent-light);text-decoration:underline;text-underline-offset:3px }.legal-document footer { margin-top:48px;padding-top:24px;border-top:1px solid var(--nk-border) }
@media(max-width:1100px) { .portal-main { padding-inline:28px }.portal-hero { min-height:560px;gap:16px }.hero-art { height:350px }.service-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(max-width:760px) { .portal-hero { grid-template-columns:1fr;padding:56px 0 40px }.hero-copy { max-width:560px }.hero-art { max-width:520px;width:100%;height:320px;margin:auto }.hero-description { font-size:1rem }.section-heading { align-items:start;flex-direction:column;gap:16px }.community-section { grid-template-columns:1fr;gap:20px }.portal-section { padding-block:40px }.portal-footer { flex-wrap:wrap;justify-content:center;text-align:center }.portal-footer>span:last-child { width:100% } }
@media(max-width:480px) { .portal-main { padding-inline:18px }h1 { font-size:2.65rem }.hero-actions { align-items:stretch }.hero-actions a { flex:1;white-space:nowrap }.service-grid { grid-template-columns:1fr }.service-card { gap:22px }.hero-art { height:280px }.orbit-node { padding:7px 10px }.community-links { grid-template-columns:1fr 1fr }.community-links a { padding-inline:12px }.legal-document { padding:40px 18px }.portal-footer { padding:24px 18px;gap:16px } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto }*,*::before,*::after { transition:none!important;animation:none!important } }