:root { color-scheme: dark; font-family: Georgia, 'Noto Serif KR', 'Apple SD Gothic Neo', serif; background:#111e29; color:#f5eee0; }
    * { box-sizing:border-box; }
    body { margin:0; min-height:100svh; background:radial-gradient(circle at 50% 32%,#253649 0,#172634 42%,#101b26 85%); }
    .page { min-height:100svh; display:flex; flex-direction:column; padding:28px clamp(22px,5vw,72px); }
    header,footer { display:flex; justify-content:space-between; align-items:center; gap:16px; }
    .brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit; font-size:21px; letter-spacing:.16em; font-weight:700; }
    .seal { display:grid; place-items:center; width:34px; height:34px; border:1px solid #c87564; color:#da8c76; font-size:18px; letter-spacing:0; }
    .language { display:flex; gap:6px; font:13px system-ui,sans-serif; }
    .language button { border:1px solid transparent; background:transparent; color:#aeb9bd; padding:7px 9px; cursor:pointer; border-radius:2px; }
    .language button[aria-pressed="true"] { color:#f5eee0; border-color:#7b8b91; }
    main { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:70px 0 90px; }
    .emblem { position:relative; width:min(270px,60vw); aspect-ratio:1; display:grid; place-items:center; margin-bottom:45px; }
    .emblem:before,.emblem:after { content:""; position:absolute; inset:0; border:1px solid #b2986b; border-radius:50%; opacity:.75; }
    .emblem:after { inset:17px; opacity:.4; }
    .emblem span { color:#c7ad81; font-size:clamp(72px,18vw,106px); font-weight:400; line-height:1; transform:translateY(-5px); }
    .emblem i { position:absolute; width:7px;height:7px;background:#ce8270;border-radius:50%; top:6px;left:50%;transform:translateX(-50%); }
    .eyebrow { color:#cf9e87; font:500 12px system-ui,sans-serif; letter-spacing:.34em; text-transform:uppercase; margin:0 0 22px; }
    h1 { font-size:clamp(32px,5vw,60px); font-weight:500; letter-spacing:-.055em; line-height:1.3; margin:0; word-break:keep-all; }
    .rule { width:44px; height:1px; background:#ae816e; margin:30px auto; }
    .description { color:#b9c4c7; font-size:clamp(16px,2vw,19px); line-height:1.9; margin:0; word-break:keep-all; }
    footer { border-top:1px solid #40505b; padding-top:20px; color:#9faeb4; font:13px system-ui,sans-serif; }
    footer span:last-child { letter-spacing:.12em; }
    @media(max-width:560px) { .page{padding:20px 22px} .brand{font-size:18px} .emblem{margin-bottom:35px} footer{font-size:12px} }
  
:focus-visible { outline: 3px solid #da8c76; outline-offset: 4px; }
@media(max-width:380px){header,footer{flex-wrap:wrap}h1{overflow-wrap:anywhere}}

.description { white-space:pre-line; }