:root{
    --bg:#f4f7fb;
    --panel:#ffffff;
    --text:#0f172a;
    --muted:#64748b;
    --line:#e2e8f0;
    --primary:#2563eb;
    --primary-dark:#1d4ed8;
    --success:#16a34a;
    --danger:#dc2626;
    --warning:#f59e0b;
    --dark:#020617;
    --radius:18px;
    --shadow:0 18px 45px rgba(15,23,42,.08);
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:var(--bg);
    color:var(--text);
}

a{
    color:inherit;
    text-decoration:none;
}

button,
input,
textarea{
    font:inherit;
}

button{
    cursor:pointer;
}

.hidden{
    display:none !important;
}

.eyebrow{
    margin:0 0 6px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--primary);
    font-weight:800;
}

.message{
    padding:12px 14px;
    border-radius:14px;
    font-size:14px;
    margin:14px 0;
    border:1px solid var(--line);
    background:#fff;
}

.message.info{
    color:#1d4ed8;
    background:#eff6ff;
    border-color:#bfdbfe;
}

.message.success{
    color:#166534;
    background:#f0fdf4;
    border-color:#bbf7d0;
}

.message.error{
    color:#991b1b;
    background:#fef2f2;
    border-color:#fecaca;
}