:root{
    --bg:#f6f7fb;
    --panel:#ffffff;
    --panel2:#f0f2f8;
    --text:#0f172a;
    --muted:#64748b;
    --border:rgba(15,23,42,.10);
    --shadow:0 8px 30px rgba(15,23,42,.08);
    --shadow2:0 10px 40px rgba(2,6,23,.10);
    --primary:#2563eb;
    --primary2:#1d4ed8;
    --danger:#ef4444;
    --ring:0 0 0 4px rgba(37,99,235,.14);
    --radius:16px;
    --radius2:22px;
    --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    --sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;
    font-family:var(--sans);
    color:var(--text);
    background:
            radial-gradient(900px 600px at 80% 10%, rgba(37,99,235,.10), transparent 60%),
            radial-gradient(700px 520px at 10% 0%, rgba(99,102,241,.08), transparent 55%),
            radial-gradient(900px 700px at 50% 90%, rgba(37,99,235,.08), transparent 60%),
            var(--bg);
    overflow:hidden;
}

a{color:inherit}
button,input,textarea{font:inherit}
::selection{background:rgba(37,99,235,.18)}