:root{color-scheme:dark;--bg: #0b0e14;--card: #151a24;--card-hover: #1c2331;--text: #f4f6fb;--muted: #8b93a7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2233 0%,transparent 60%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.portal{max-width:1000px;margin:0 auto;padding:48px 24px 64px}.portal__head{text-align:center;margin-bottom:40px}.portal__title{font-size:clamp(32px,6vw,52px);font-weight:800;margin:0;letter-spacing:-.02em;background:linear-gradient(90deg,#fbbf24,#fb923c,#f43f5e);-webkit-background-clip:text;background-clip:text;color:transparent}.portal__subtitle{margin:12px 0 0;color:var(--muted);font-size:16px}.portal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{position:relative;display:flex;align-items:center;gap:16px;padding:22px;border-radius:16px;background:var(--card);color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform .16s ease,background .16s ease,border-color .16s ease}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.card:hover{transform:translateY(-4px);background:var(--card-hover);border-color:var(--accent)}.card__emoji{font-size:40px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.card__title{display:block;font-size:20px;font-weight:700}.card__tagline{display:block;margin-top:4px;color:var(--muted);font-size:14px}.portal__foot{text-align:center;margin-top:40px;color:var(--muted);font-size:13px}