:root{color-scheme:dark;--bg:#0b0c0f;--panel:#17191f;--gold:#d9b777;--line:#393229;--text:#f4f1eb;--muted:#b2aea7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#403025 0%,#17171a 38%,#0b0c0f 75%);color:var(--text);font:16px/1.85 'Noto Sans KR',system-ui,sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,transparent 49.8%,#b38a55 50%,transparent 50.2%);background-size:80px 80px}main{position:relative;max-width:820px;margin:0 auto;padding:64px 24px 72px}header{text-align:center;margin-bottom:36px}header h1{font:800 clamp(35px,8vw,58px)/1.15 system-ui,sans-serif;letter-spacing:.09em;margin:0;color:#fff}header h1 span{color:var(--gold)}.muted,header p{color:var(--muted);font-size:12px;letter-spacing:.24em;margin:12px 0 0}header:after{content:'';display:block;width:74px;height:2px;margin:28px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}nav{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:35px}nav a,.legal-card,.back-link{color:var(--text);text-decoration:none;border:1px solid var(--line);background:linear-gradient(135deg,#222026,#15161b);border-radius:12px;padding:11px 18px;transition:.2s}nav a:hover,.legal-card:hover,.back-link:hover{border-color:var(--gold);transform:translateY(-2px)}main>h2:first-of-type{font-size:clamp(27px,5vw,38px);text-align:center;margin:20px 0 10px;color:var(--gold)}main>h2:not(:first-of-type){font-size:19px;color:var(--gold);margin:34px 0 8px;border-top:1px solid #302b27;padding-top:24px}main>p{color:#ddd8d0;margin:10px 0}main>p:first-of-type{text-align:center;color:var(--muted);font-size:13px}main>p a,footer a{color:#e7c78e}footer{text-align:center;border-top:1px solid var(--line);margin-top:45px;padding-top:28px;color:var(--muted);font-size:13px}.intro{text-align:center;color:var(--muted);margin:0 auto 32px;max-width:480px}.legal-grid{display:grid;gap:15px;max-width:600px;margin:35px auto}.legal-card{display:block;padding:24px 25px}.legal-card .num{color:var(--gold);font-size:12px;letter-spacing:.2em}.legal-card strong{display:block;font-size:21px;margin:5px 0}.legal-card .desc{color:var(--muted);font-size:13px}.legal-card .arrow{float:right;color:var(--gold);font-size:24px}.back-link{display:block;text-align:center;max-width:600px;margin:15px auto;color:var(--muted)}.legal-note{color:var(--muted);font-size:13px;text-align:center;margin-top:26px}@media(max-width:520px){main{padding:48px 18px 52px}nav a{font-size:12px;padding:9px 10px}.legal-card{padding:20px}main>h2:not(:first-of-type){font-size:17px}}

/* GLAM VOLTA custom designed legal landing — scoped to avoid affecting policy documents */
body.legal-landing{margin:0;min-height:100vh;background:#080708;color:#fff;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;line-height:1.55}
body.legal-landing:before{content:"";position:fixed;inset:0 0 auto;height:min(70vh,690px);background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.66) 64%,#080708 100%),url('/legal-ambience.webp') center top/cover no-repeat;pointer-events:none}
body.legal-landing:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,transparent 10%,rgba(0,0,0,.45) 100%)}
.legal-landing .legal-shell{position:relative;z-index:1;max-width:1120px;padding:65px 28px 55px;margin:auto}
.legal-landing .hero{text-align:center;margin-bottom:42px}
.legal-landing .logo{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,8vw,88px);font-weight:700;letter-spacing:-.065em;line-height:1.1;color:#f6e4b2;text-shadow:0 2px 0 #7d4d1b,0 0 24px #ad6b24,0 6px 15px #000;white-space:nowrap}
.legal-landing .bolt{display:inline-block;color:#fff3c4;font-family:serif;font-size:1.08em;margin:0 .03em;transform:skew(-8deg);text-shadow:0 0 16px #f6b83d}
.legal-landing .brand-sub{color:#f4d99a;letter-spacing:.55em;font-size:clamp(10px,1.5vw,15px);margin-top:7px}
.legal-landing .gold-rule{width:120px;height:2px;background:linear-gradient(90deg,transparent,#efc678,transparent);margin:52px auto 20px}
.legal-landing .hero h1{font-size:clamp(39px,6.3vw,74px);font-weight:800;color:#f5d28b;text-shadow:0 3px 22px #000;margin:0 0 12px}
.legal-landing .hero-description{font-size:clamp(15px,2vw,21px);color:#f3eee8;margin:0;line-height:1.7;text-shadow:0 2px 12px #000}
.legal-landing .policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 auto 42px}
.legal-landing .policy-card{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:linear-gradient(140deg,rgba(35,18,17,.92),rgba(10,9,10,.97) 62%,rgba(57,9,13,.82));border:2px solid #d7a65b;border-radius:23px;text-decoration:none;color:#fff;box-shadow:inset 0 0 28px rgba(135,44,24,.16),0 12px 35px rgba(0,0,0,.55);transition:transform .2s,border-color .2s}
.legal-landing .policy-card:hover{transform:translateY(-5px);border-color:#ffe0a0}
.legal-landing .policy-icon{display:grid;place-items:center;font-size:53px;width:90px;height:76px;color:#f8d68b;text-shadow:0 0 16px #c77e24}
.legal-landing .policy-card h2{font-size:clamp(23px,2.8vw,34px);color:#fff;margin:8px 0 12px;text-align:center}
.legal-landing .policy-card p{color:#ddd7d1;text-align:center;font-size:clamp(14px,1.7vw,18px);margin:0 0 26px;line-height:1.7}
.legal-landing .policy-cta{display:block;width:min(100%,310px);padding:13px 18px;border:2px solid #d99d47;border-radius:11px;text-align:center;background:linear-gradient(#392615,#17100b);color:#ffdf96;font-size:clamp(16px,2vw,22px);font-weight:750;box-shadow:inset 0 0 12px #53300c}
.legal-landing .home-cta{display:block;max-width:690px;margin:0 auto 62px;padding:18px 22px;border:2px solid #bd8b39;border-radius:12px;text-align:center;background:rgba(13,10,8,.9);color:#f8e5b4;text-decoration:none;font-size:clamp(15px,2.2vw,23px);font-weight:700}
.legal-landing .legal-footer{text-align:center;border-top:1px solid #66502d;padding:25px 0 5px;display:flex;flex-direction:column;align-items:center;gap:8px}
.legal-landing .legal-footer>span{font-size:11px;letter-spacing:.5em;color:#e5c47f}
.legal-landing .legal-footer strong{font:700 30px Georgia,serif;color:#f0cd82;text-shadow:0 0 15px #84521c}
.legal-landing .legal-footer strong span{color:#fff0ba}
.legal-landing .legal-footer a{color:#b9aaa0;text-decoration:none;font-size:12px}
@media(max-width:650px){.legal-landing .legal-shell{padding:38px 16px 35px}.legal-landing .gold-rule{margin-top:35px}.legal-landing .hero{margin-bottom:28px}.legal-landing .policy-grid{grid-template-columns:1fr;gap:16px}.legal-landing .policy-card{min-height:270px;padding:20px 14px}.legal-landing .policy-icon{height:60px;font-size:44px}.legal-landing .home-cta{margin-bottom:40px}.desktop-only{display:none}}