:root{--bg:#0a0a0f;--panel:#12121a;--text:#f5f5f2;--muted:#b8b8c7;--line:#2a2a36;--accent:#e8d7a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top,#ffffff0f,#0000 30%),linear-gradient(#0a0a0f 0%,#08080c 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{opacity:.9}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0fb8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.site-logo{color:var(--text);letter-spacing:.02em;white-space:nowrap;font-weight:700}.nav-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;transition:color .15s,opacity .15s}.nav-links a:hover{color:var(--accent);opacity:1}.realm-home{min-height:100vh;padding:48px 24px 96px}.hero{text-align:center;max-width:900px;margin:0 auto 56px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:16px;font-size:.8rem}.hero h1{margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.tagline{max-width:700px;color:var(--text);margin:20px auto 12px;font-size:1.2rem}.intro{max-width:760px;color:var(--muted);margin:0 auto;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.button{border:1px solid var(--line);border-radius:999px;padding:14px 20px;transition:transform .15s,border-color .15s;display:inline-block}.button:hover{border-color:var(--accent);transform:translateY(-1px)}.button.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:700}.button.secondary{color:var(--text);background:0 0}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;max-width:1100px;margin:80px auto 0;display:grid}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12121acc;border-radius:20px;padding:24px}.card h2{margin-top:0;margin-bottom:12px;font-size:1.15rem}.card p{color:var(--muted);margin-top:0;margin-bottom:16px;line-height:1.6}@media (max-width:900px){.site-nav{flex-direction:column;align-items:flex-start}.nav-links{gap:14px}}.portal-home{position:relative;overflow:hidden}.portal-home:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8d7a812,#0000 22%),radial-gradient(circle at 50% 20%,#ffffff0d,#0000 18%);position:absolute;inset:0}.portal-home:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#e8d7a80d,#0000 40%),radial-gradient(circle at 70% 60%,#ffffff0a,#0000 35%);animation:18s linear infinite alternate signalDrift;position:absolute;inset:0}@keyframes signalDrift{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.portal-hero{text-align:center;isolation:isolate;max-width:1000px;margin:0 auto 56px;padding:24px 24px 16px;position:relative}.portal-hero:before{content:"";z-index:-2;opacity:.75;pointer-events:none;background:radial-gradient(circle at 50% 28%,#ffffff0f,#0000 18%),radial-gradient(circle at 50% 40%,#e8d7a812,#0000 34%),radial-gradient(circle at 22% 30%,#ffffff29 1px,#0000 2px),radial-gradient(circle at 30% 62%,#ffffff1a 1px,#0000 2px),radial-gradient(circle at 40% 24%,#ffffff1f 1px,#0000 2px),radial-gradient(circle at 58% 18%,#ffffff1a 1px,#0000 2px),radial-gradient(circle at 68% 52%,#ffffff1f 1px,#0000 2px),radial-gradient(circle at 78% 34%,#ffffff29 1px,#0000 2px),radial-gradient(circle at 82% 66%,#ffffff1a 1px,#0000 2px),radial-gradient(circle at 36% 76%,#ffffff17 1px,#0000 2px),radial-gradient(circle at 60% 78%,#ffffff14 1px,#0000 2px);animation:20s ease-in-out infinite alternate signalFieldDrift;position:absolute;inset:-100px -140px -60px}.portal-hero:after{content:"";z-index:-1;filter:blur(20px);opacity:.6;pointer-events:none;background:radial-gradient(circle,#e8d7a812,#0000 30%),radial-gradient(circle at 50% 35%,#ffffff0a,#0000 20%),conic-gradient(#0000 0deg,#e8d7a80d 28deg,#0000 52deg 90deg,#ffffff08 118deg,#0000 142deg 180deg,#e8d7a80a 208deg,#0000 232deg 270deg,#ffffff08 300deg,#0000 324deg 360deg);animation:28s linear infinite resonanceRayRotate;position:absolute;inset:-80px -120px}.portal-title{text-shadow:0 0 6px #ffffff2e,0 0 18px #e8d7a81f}.portal-tagline{max-width:760px;color:var(--text);margin:22px auto 12px;font-size:1.2rem}.portal-intro{max-width:760px;color:var(--muted);margin:0 auto;font-size:1rem;line-height:1.7}.portal-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex;position:relative}.portal-actions:before{content:"";filter:blur(20px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#e8d7a80f,#0000 45%);position:absolute;inset:-24px -40px}.portal-button{min-width:190px;color:var(--text);background:#ffffff06;border:1px solid #e8d7a838;border-radius:999px;justify-content:center;align-items:center;padding:15px 24px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #ffffff08,0 0 #e8d7a800}.portal-button:before,.portal-button:after{content:none;display:none}.portal-button:hover:before{transform:translate(130%)}.portal-button:hover{opacity:1;background:#ffffff0b;border-color:#e8d7a88c;transform:translateY(-2px)scale(1.01);box-shadow:inset 0 0 18px #ffffff0d,0 0 24px #e8d7a829}.portal-button:hover:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.portal-button:active{transform:translateY(0)scale(.985);box-shadow:inset 0 0 18px #ffffff0a,0 0 14px #e8d7a81f}.portal-button-primary{color:var(--text);isolation:isolate;font-weight:700}.portal-button-primary .portal-button-icon{filter:drop-shadow(0 0 14px #e8d7a88c)}.portal-button-primary:hover{box-shadow:0 0 52px #e8d7a861,0 0 16px #fff3,inset 0 0 14px #fff3}@keyframes portalPulse{0%{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}to{opacity:.92;transform:scale(1)}}@keyframes resonanceRing{0%{opacity:.55;transform:scale(.92)}50%{opacity:.2;transform:scale(1.08)}to{opacity:.55;transform:scale(.92)}}@keyframes signalButtonPulse{0%{box-shadow:0 0 24px #e8d7a833,0 0 10px #ffffff1f,inset 0 0 12px #ffffff2e}50%{box-shadow:0 0 42px #e8d7a852,0 0 14px #ffffff29,inset 0 0 14px #fff3}to{box-shadow:0 0 24px #e8d7a833,0 0 10px #ffffff1f,inset 0 0 12px #ffffff2e}}.portal-core{background:radial-gradient(circle,#e8d7a838 0%,#e8d7a814 35%,#0000 70%);border:1px solid #e8d7a829;border-radius:999px;width:220px;height:220px;margin:0 auto 28px;animation:6s ease-in-out infinite portalPulse;position:relative;box-shadow:0 0 80px #e8d7a82e,inset 0 0 40px #ffffff0f}.portal-core:before{content:"";border:1px solid #e8d7a82e;border-radius:999px;position:absolute;inset:18px;box-shadow:inset 0 0 30px #e8d7a814}.portal-core:after{content:"";border:1px solid #e8d7a82e;border-color:#e8d7a82e #ffffff0d #e8d7a814 #e8d7a814;border-radius:999px;animation:8s linear infinite resonanceRing,18s linear infinite portalRotate;position:absolute;inset:-30px}.portal-button{min-width:190px;color:var(--text);text-align:center;opacity:.95;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:8px 14px;transition:transform .18s,opacity .18s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.portal-button-icon{width:76px;height:76px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;transition:transform .25s,filter .25s,opacity .25s;display:flex}.portal-button-icon img{opacity:.95;filter:drop-shadow(0 0 10px #e8d7a88c);width:46px;height:46px;display:block}.portal-button:hover .portal-button-icon{filter:drop-shadow(0 0 12px #e8d7a8bf);opacity:1;transform:scale(1.16)}.portal-button span:last-child{margin-top:4px}.portal-button:hover{opacity:1;transform:translateY(-2px)}.portal-button:hover .portal-button-icon{background:#ffffff0a;border-color:#e8d7a88c;transform:scale(1.12);box-shadow:inset 0 0 16px #ffffff0d,0 0 24px #e8d7a838}.portal-button:hover{border-color:#e8d7a8a6;transform:translateY(-2px)scale(1.02);box-shadow:inset 0 0 20px #ffffff0d,0 0 30px #e8d7a840}.portal-button-circle .portal-button-icon{border:1px solid #e8d7a88c;border-radius:999px;width:64px;height:64px;box-shadow:inset 0 0 10px #ffffff0a,0 0 16px #e8d7a82e}.portal-button-circle{transform:translateY(12px)}.portal-button-label{letter-spacing:.04em;margin-top:10px;font-size:.9rem}@media (max-width:700px){.portal-core{width:160px;height:160px}.portal-button{width:100%;max-width:320px}.portal-button-icon img{opacity:.95;filter:drop-shadow(0 0 4px #e8d7a859);width:18px;height:18px;display:block}}@keyframes portalRotate{0%{transform:rotate(0)scale(.92)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(.92)}}@keyframes signalFieldDrift{0%{opacity:.72;transform:translateY(0)scale(1)}to{opacity:.82;transform:translateY(-12px)scale(1.015)}}@keyframes resonanceRayRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}