:root{--bg-deep: #05070c;--bg-card: rgba(13, 17, 28, .72);--border-card: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--gold: #f59e0b;--gold-glow: rgba(245, 158, 11, .35);--gold-bright: #fbbf24;--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .35);--cyan: #38bdf8;--cyan-glow: rgba(56, 189, 248, .35)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}.portal-root{position:relative;min-height:100vh;overflow:hidden}#particle-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}#cursor-glow{position:fixed;top:-175px;left:-175px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.18) 0%,rgba(168,85,247,.12) 40%,transparent 75%);pointer-events:none;z-index:1;opacity:0;transition:opacity .4s ease;filter:blur(25px);will-change:transform}.ambient-glow{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.18;animation:floatAmbient 18s ease-in-out infinite alternate}.glow-top{width:650px;height:650px;top:-250px;left:50%;transform:translate(-50%);background:radial-gradient(circle,var(--gold-bright),transparent 70%)}.glow-bottom{width:600px;height:600px;bottom:-220px;right:5%;background:radial-gradient(circle,var(--purple),transparent 70%);animation-delay:-6s}.glow-center{width:500px;height:500px;top:40%;left:-150px;background:radial-gradient(circle,var(--cyan),transparent 70%);opacity:.1;animation-delay:-12s}@keyframes floatAmbient{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.08)}to{transform:translate(-30px,-20px) scale(.95)}}.portal-container{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:3.5rem}.portal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.brand-badge{display:flex;align-items:center;gap:.85rem;font-family:Cinzel,serif;font-size:1.4rem;font-weight:800;letter-spacing:.06em;color:#fff;text-decoration:none;transition:transform .3s ease}.brand-badge:hover{transform:translateY(-1px)}.brand-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f59e0b40,#a855f740);border:1px solid rgba(245,158,11,.5);display:flex;align-items:center;justify-content:center;color:var(--gold-bright);box-shadow:0 0 25px var(--gold-glow);transition:all .4s ease}.brand-badge:hover .brand-icon{box-shadow:0 0 35px #f59e0b99;border-color:var(--gold-bright)}.brand-accent{color:var(--gold-bright);font-size:.9em;text-shadow:0 0 15px var(--gold-glow)}.realm-badge{display:flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:500;padding:.5rem 1.1rem;background:linear-gradient(135deg,#f59e0b1a,#a855f714);border:1px solid rgba(245,158,11,.3);border-radius:9999px;color:#fde68a;box-shadow:0 0 20px #f59e0b1f}.sparkle-pulse{color:var(--gold-bright);animation:pulseIcon 2.5s infinite}@keyframes pulseIcon{0%,to{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}.hero-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.35rem;max-width:860px;margin:0 auto}.hero-tag{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem 1rem;border-radius:9999px;background:#f59e0b17;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 0 20px #f59e0b26}.hero-title{font-family:Cinzel,serif;font-size:clamp(2.3rem,5.5vw,4.1rem);font-weight:800;line-height:1.16;color:#fff;letter-spacing:-.01em}.shimmer-text{background:linear-gradient(135deg,#fef08a,#f59e0b 45%,#d97706 80%,#fbbf24);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerBg 5s ease-in-out infinite alternate}@keyframes shimmerBg{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero-subtitle{color:var(--text-muted);font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.75;max-width:740px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1.85rem;perspective:1200px}.module-card{--mouse-x: 50%;--mouse-y: 50%;position:relative;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:1.4rem;padding:2.2rem;display:flex;flex-direction:column;gap:1.6rem;text-decoration:none;color:inherit;transition:transform .2s cubic-bezier(.2,0,.2,1),box-shadow .3s ease,border-color .3s ease;overflow:hidden;box-shadow:0 12px 35px -10px #000000a6;transform-style:preserve-3d;cursor:default}.module-card.is-live{cursor:pointer}.card-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),rgba(251,191,36,.16),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:1}.module-card:hover .card-spotlight{opacity:1}.card-sheen{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x) var(--mouse-y),rgba(251,191,36,.55),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.2px;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:2}.module-card:hover .card-sheen{opacity:1}.module-card.theme-gold:hover{border-color:#f59e0b73;box-shadow:0 20px 45px -12px #000c,0 0 35px #f59e0b33}.module-card.theme-amber:hover{border-color:#fbbf2473;box-shadow:0 20px 45px -12px #000c,0 0 30px #fbbf2426}.module-card.theme-purple:hover{border-color:#a855f773;box-shadow:0 20px 45px -12px #000c,0 0 30px #a855f726}.module-card.theme-cyan:hover{border-color:#38bdf873;box-shadow:0 20px 45px -12px #000c,0 0 30px #38bdf826}.card-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:3}.module-icon-wrap{width:56px;height:56px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:var(--gold-bright);transition:all .35s ease}.module-card.theme-gold .module-icon-wrap{color:#fbbf24}.module-card.theme-amber .module-icon-wrap{color:#f59e0b}.module-card.theme-purple .module-icon-wrap{color:#c084fc}.module-card.theme-cyan .module-icon-wrap{color:#38bdf8}.module-card:hover .module-icon-wrap{transform:scale(1.1) translateY(-2px);border-color:currentColor;box-shadow:0 0 25px currentColor;background:#ffffff14}.module-badge{font-size:.78rem;font-weight:600;padding:.35rem .85rem;border-radius:9999px;letter-spacing:.04em;display:inline-flex;align-items:center}.badge-live{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.35);box-shadow:0 0 15px #10b98126}.badge-next{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.35);box-shadow:0 0 15px #f59e0b1f}.badge-soon{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-api{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.35);box-shadow:0 0 15px #38bdf826}.card-content{position:relative;z-index:3;display:flex;flex-direction:column;gap:.7rem}.module-title{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.02em;transition:color .3s ease}.module-card:hover .module-title{color:#fef08a}.module-desc{color:var(--text-muted);font-size:.95rem;line-height:1.65}.card-footer{position:relative;z-index:3;margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.06)}.stat-tag{font-size:.8rem;font-weight:600;color:#cbd5e1;background:#ffffff0d;padding:.3rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.action-button{font-size:.9rem;font-weight:600;color:#fbbf24;display:flex;align-items:center;gap:.45rem;transition:all .3s ease}.arrow-hover{transition:transform .3s ease}.module-card:hover .action-button{color:#fff;text-shadow:0 0 12px var(--gold-glow)}.module-card:hover .arrow-hover{transform:translate(5px)}.pending-tag{color:#64748b;font-size:.82rem;font-style:italic}.portal-footer{position:relative;z-index:3;text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;color:#94a3b8;font-size:.88rem;font-weight:500;font-family:Cinzel,serif;letter-spacing:.05em}.dot-sep{color:#f59e0b66}.footer-sub{color:#64748b;font-size:.84rem}@media(max-width:768px){.portal-container{padding:1.5rem 1rem 3rem;gap:2.5rem}.portal-header{flex-direction:column;gap:1rem;align-items:center;text-align:center}.modules-grid{grid-template-columns:1fr;gap:1.25rem}.module-card{padding:1.6rem 1.4rem;border-radius:1.15rem}.module-card.is-live{border-color:#f59e0b4d;box-shadow:0 8px 25px -8px #000000b3,0 0 20px #f59e0b14}.module-card:active{transform:scale(.98);transition:transform .1s ease}#cursor-glow{display:none}.ambient-glow{filter:blur(80px);opacity:.14}.glow-top{width:380px;height:380px;top:-120px}}