@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--line:#ffffff15}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans KR',sans-serif;background:var(--bg);color:#f1f1f4;line-height:1.65;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);position:relative;z-index:1;background:var(--header-bg)}.group{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:3px;font-weight:600}.group>span{font:38px Georgia,serif;color:#d9dcdf}.family{font-size:9px;letter-spacing:2px;color:#9da1a8}.family i{font-style:normal;padding:0 12px;color:#59616a}main{display:grid;grid-template-columns:50% 50%;min-height:calc(100svh - 76px)}.visual{position:relative;min-height:840px;background:url('assets/brand-hall.webp') center/cover;border-right:1px solid var(--line);overflow:hidden}.visual-shade{position:absolute;inset:0;background:var(--shade)}.brand-sign{position:absolute;top:50px;left:52px;display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center}.symbol{font:56px Georgia,serif;grid-row:span 2;color:var(--bright);line-height:1}.brand-sign strong{font-size:29px;font-weight:900;font-style:italic;letter-spacing:1px;line-height:1.3}.brand-sign small{font-size:7px;letter-spacing:2.6px;color:#d4d8dd}.visual-caption{position:absolute;bottom:60px;left:52px;right:35px}.rule{display:block;width:36px;height:2px;background:var(--accent);margin-bottom:22px}.visual-caption p{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.6;margin:0 0 27px}.visual-index{font-size:9px;letter-spacing:3px;color:#b0b2b9}.access-panel{display:flex;flex-direction:column;padding:62px 60px 24px;background:radial-gradient(ellipse at 100% 0,var(--wash),transparent 50%)}.panel-content{max-width:490px;width:100%;margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:3px;color:var(--bright)}.eyebrow>span{width:16px;height:1px;background:var(--accent)}h1{font-size:39px;line-height:1.45;letter-spacing:-1.7px;margin:17px 0 16px;font-weight:800}h1 em{font-style:normal;color:var(--bright)}.intro{font-size:13px;color:var(--muted);margin:0 0 38px}.mobile-break{display:none}.row-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.3px}.status{font-size:9px;color:var(--muted);border:1px solid #ffffff20;border-radius:30px;padding:3px 10px}.pending{display:flex;align-items:center;gap:15px;border:1px solid #ffffff19;background:#ffffff03;padding:20px;border-radius:7px}.link-icon{border:1px solid #ffffff1d;border-radius:8px;font-size:23px;width:43px;height:43px;display:grid;place-items:center;color:var(--bright);background:var(--wash);flex-shrink:0}.pending strong{font-size:13px;font-weight:500}.pending p{font-size:11px;color:var(--muted);margin:5px 0 0}.enter{margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--accent);border:0;border-radius:6px;color:var(--enter-text);width:100%;font-weight:700;font-size:13px}.enter>span{font-size:18px}.enter:disabled{background:var(--enter-off-bg);color:var(--enter-off-text);cursor:not-allowed}.backup-section{margin-top:30px}.sub-label{font-size:7px;letter-spacing:1.5px;color:#6f7883}.section-note{color:var(--muted);font-size:11px;margin:-5px 0 12px}.backup-empty{border:1px dashed #ffffff20;border-radius:6px;padding:18px;font-size:11px;color:#79828c;display:flex;align-items:center;gap:12px}.backup-empty>span{font-size:19px;color:#abb0b7}details{margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:18px}summary{font-size:12px;color:#c2c8cf;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary>span{color:var(--muted)}details[open] summary>span{transform:rotate(45deg)}details p{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.9}.bookmark{display:flex;gap:13px;margin:23px 0}.bookmark>span{font-size:23px;color:var(--bright);line-height:1.5}.bookmark strong{font-size:11px;font-weight:500;color:#c2c9d0}.bookmark p{font-size:10px;color:var(--muted);margin:4px 0 0}.back-group{font-size:10px;color:var(--muted);display:inline-block;padding:7px 0}.back-group:hover{color:var(--bright)}footer{margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;max-width:490px;width:100%;align-self:center;border-top:1px solid var(--line);font-size:7px;color:#606b76;letter-spacing:.7px}.address-row{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--line);border-radius:5px;margin-top:8px;background:#ffffff04}.address-number{color:var(--muted);font-size:9px}.address-row a{font-size:16px;color:var(--bright);font-weight:700;overflow-wrap:anywhere}.copy{margin-left:auto;background:#ffffff0a;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:6px 8px;font-size:9px;white-space:nowrap;cursor:pointer}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e3eef4;color:#152532;padding:12px 20px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;z-index:3;box-shadow:0 10px 30px #0006}#toast.visible{opacity:1}@media(min-width:1700px){.access-panel{padding:85px 90px 30px}.panel-content{max-width:550px}h1{font-size:48px}.visual-caption p{font-size:38px}}@media(max-width:1050px){header{padding:0 28px}main{grid-template-columns:44% 56%}.access-panel{padding:40px 32px 24px}.brand-sign{left:30px}.visual-caption{left:30px}.visual-caption p{font-size:24px}h1{font-size:34px}}@media(max-width:700px){header{height:64px;padding:0 22px}.group{font-size:9px;letter-spacing:2px}.group>span{font-size:31px}.family{font-size:7px;letter-spacing:1px}.family i{padding:0 5px}main{display:block}.visual{min-height:340px;border-right:0;border-bottom:1px solid var(--line);background-position:center 47%;background-size:cover}.brand-sign{top:24px;left:25px;grid-template-columns:34px 1fr;gap:0 9px}.symbol{font-size:44px}.brand-sign strong{font-size:23px}.brand-sign small{font-size:6px;letter-spacing:1.6px}.visual-caption{bottom:23px;left:25px}.visual-caption p{font-size:19px;line-height:1.5;margin-bottom:0}.visual-index,.rule{display:none}.visual-shade{background:var(--shade-mobile)}.access-panel{padding:35px 25px 22px}.panel-content{max-width:490px}h1{font-size:33px;line-height:1.4}.intro{font-size:12px;margin-bottom:28px}.pending{padding:16px}.pending strong{font-size:12px}.pending p{font-size:10px}.backup-section{margin-top:25px}footer{margin-top:30px;font-size:6px}.visual{background-position:center 54%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}