*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-accent: #38bdf8;--radius: 1rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;align-items:center;justify-content:center}main{width:100%;max-width:56rem;padding:2rem}header{text-align:center;margin-bottom:3rem}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:1.1rem}#tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem}.tile{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:var(--color-surface);border-radius:var(--radius);text-decoration:none;color:var(--color-text);transition:background .15s ease,transform .15s ease}.tile:hover{background:var(--color-surface-hover);transform:translateY(-2px)}.tile-icon{font-size:3rem;line-height:1}.tile-name{font-size:1.25rem;font-weight:600}.tile-desc{font-size:.875rem;color:var(--color-text-muted);text-align:center;line-height:1.4}