:root {
    --blue: #1463f3;
    --blue-dark: #0b3fb4;
    --blue-deep: #071a44;
    --blue-soft: #eaf3ff;
    --gold: #ffca58;
    --gold-soft: #fff3d3;
    --green: #16c784;
    --purple: #8b5cf6;
    --ink: #0b1020;
    --ink-2: #172033;
    --muted: #667085;
    --muted-2: #8a94a6;
    --line: #dce7f5;
    --line-soft: rgba(210, 224, 244, 0.72);
    --panel: rgba(255, 255, 255, 0.9);
    --panel-strong: #ffffff;
    --shadow: 0 24px 70px rgba(20, 55, 110, 0.13);
    --shadow-soft: 0 14px 34px rgba(20, 55, 110, 0.08);
    --shell: 1180px;
    --radius-lg: 28px;
    --radius-md: 20px;
    --radius-sm: 14px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink);
    font-family: "Noto Sans KR", sans-serif;
    background:
            radial-gradient(circle at 16% 8%, rgba(20, 99, 243, 0.13), transparent 28%),
            radial-gradient(circle at 92% 18%, rgba(255, 202, 88, 0.14), transparent 24%),
            linear-gradient(180deg, #f7fbff 0%, #ffffff 42%, #f4f8ff 100%);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

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

button {
    font-family: inherit;
}

.landing {
    overflow: hidden;
}

.site-shell,
.landing-shell,
.footer-shell {
    width: min(var(--shell), calc(100% - 48px));
    margin: 0 auto;
}

.site-shell {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.footer-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}