:root{--bg-dark:#fff;--bg-darker:#f8fafc;--brand-mint:#059669;--brand-teal:#0d9488;--brand-glow:#05966914;--text-primary:#0f172a;--text-secondary:#475569;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-border-hover:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow-x:hidden}h1,h2,h3{font-family:Outfit,Inter,sans-serif}.text-gradient{background:linear-gradient(135deg,#0f172a 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.portal-container{z-index:10;width:100%;max-width:900px;padding:32px 24px}.glass-card{border:1px solid var(--glass-border);cursor:pointer;background:#fff;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0f172a0d}.glass-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px -15px #0f172a1f}@media (width<=640px){.portal-container{padding:20px 16px}}