:root {
  --bg:#f8fafc; --surface:#ffffff; --text:#0f172a; --muted:#475569;
  --border:#e2e8f0; --accent:#1e40af; --teal:#0d9488; --soft:#eff6ff;
  --mono:ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --sans:Inter,Pretendard,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --container:1440px; --radius:6px; --shadow:0 18px 52px rgba(15,23,42,.045);
  color-scheme:light;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}svg{max-width:100%}p{margin:0 0 1rem}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.035em;margin:0}h1{font-size:clamp(2.6rem,4vw,3.45rem)}h2{font-size:clamp(1.8rem,2.4vw,2.4rem)}h3{font-size:1.18rem}pre,code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}small{font-size:.8rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}::selection{background:#bfdbfe}
