:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}:root body{color:#fff;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex}:root h1{margin-bottom:2rem}:root .grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}:root .card{text-align:center;color:#fff;background:#242424;border:1px solid #333;border-radius:8px;padding:2rem;text-decoration:none;transition:transform .2s}:root .card:hover{border-color:#646cff;transform:translateY(-5px)}:root .react{color:#61dafb}:root .vue{color:#42b883}:root .angular{color:#dd0031}:root{margin:32px 0}