/* ───────────────────────────────────────────────────────────── Kardunas — shared styles for legal and support pages. No external requests: system font stack only, so no visitor IP is disclosed to a third-party font host. ───────────────────────────────────────────────────────────── */ :root{ --bg:#06070a; --bg-soft:#0c0e14; --fg:#f2f4f8; --muted:#8b95a5; --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.16); --card:rgba(255,255,255,.025); --i1:#6366f1; --i2:#22d3ee; --i3:#a855f7; --wrap:min(1160px, 90vw); --prose:68ch; --ease:cubic-bezier(.22,1,.36,1); --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue", "Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif; } html[data-theme="light"]{ --bg:#fbfbfd; --bg-soft:#f2f3f7; --fg:#0b0d12; --muted:#5d6675; --line:rgba(10,12,20,.10); --line-strong:rgba(10,12,20,.18); --card:rgba(255,255,255,.7); } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth; -webkit-text-size-adjust:100%} body{ margin:0; background:var(--bg); color:var(--fg); font-family:var(--sans); line-height:1.7; letter-spacing:-.011em; -webkit-font-smoothing:antialiased; overflow-x:hidden; transition:background .4s var(--ease), color .4s var(--ease); } .wrap{width:var(--wrap); margin-inline:auto} a{color:var(--i2)} html[data-theme="light"] a{color:#3549c9} ::selection{background:var(--i1); color:#fff} /* ambient */ .aurora{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden} .aurora span{position:absolute; display:block; border-radius:50%; filter:blur(110px); opacity:.32} .aurora .a{width:46vw;height:46vw; left:-16vw; top:-22vw; background:var(--i1)} .aurora .b{width:38vw;height:38vw; right:-14vw; top:2vh; background:var(--i3)} html[data-theme="light"] .aurora span{opacity:.2} .vignette{position:fixed; inset:0; z-index:1; pointer-events:none; background:radial-gradient(120% 80% at 50% 0%, transparent 30%, var(--bg) 100%)} main,header,footer{position:relative; z-index:2} /* header */ header{position:sticky; top:0; z-index:50; border-bottom:1px solid transparent; transition:border-color .35s var(--ease), background .35s var(--ease)} header.stuck{background:color-mix(in srgb, var(--bg) 74%, transparent); backdrop-filter:blur(16px) saturate(180%); border-bottom-color:var(--line)} header .wrap{display:flex; align-items:center; gap:1rem; height:72px} .brand{display:flex; align-items:center; gap:.6rem; text-decoration:none; font-weight:700; letter-spacing:-.03em; font-size:1.05rem; color:var(--fg)} .mark{width:28px; height:28px; display:block; flex:none} .mark svg{width:100%; height:100%; display:block} /* Scoped to the header: a bare `nav` selector would also catch