:root {
    --bg: #050814;
    --bg-elevated: #0b101c;
    --bg-elevated-soft: #101624;
    --accent-purple: #6a32b8;
    --accent-purple-soft: #8c5df2;
    --accent-blue: #4ab8ff;
    --text-main: #f5f7ff;
    --text-soft: #b8c0df;
    --border-soft: #262c44;
    --nav-height: 88px;
    --radius-lg: 22px;
    --radius-md: 12px;
    --shadow-soft: 0 22px 55px rgba(0, 0, 0, 0.6);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--nav-height);
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Heiti SC", "SimHei", sans-serif;
    background: radial-gradient(circle at top left, #121a35 0, var(--bg) 55%);
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
    font-size: 17px;
}

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

h1, h2, h3 {
    margin: 0;
    letter-spacing: -0.02em;
}

p {
    margin: 0;
}