:root{--bg-dark:#050809;--bg-darker:#020405;--brand-mint:#2dd4bf;--brand-teal:#0d9488;--brand-glow:#2dd4bf26;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#0f172aa6;--glass-border:#ffffff1a;--glass-border-hover:#2dd4bf66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);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, #fff 0%, var(--brand-mint) 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{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px -15px #2dd4bf33}@media (width<=640px){.portal-container{padding:20px 16px}}