*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-soft: #faf7f0;--card: #ffffff;--card-hov: #fbf7ec;--border: #e8dfc8;--border-hov: #b89968;--gold: #b89968;--gold-deep: #8e7240;--gold-soft: #d9c39a;--gold-bright: #c9a961;--text-mute: #b5a887;--serif: "Noto Serif KR", serif;--sans: "Noto Sans KR", sans-serif}html,body{background:var(--bg);color:var(--gold-deep);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}body[data-theme=dark]{--bg: #ffffff;--bg-soft: #f5f5f5;--card: #ffffff;--card-hov: #eeeeee;--border: #dcdcdc;--border-hov: #4a4a4a;--gold: #4a4a4a;--gold-deep: #1a1a1a;--gold-soft: #b0b0b0;--gold-bright: #2c2c2c;--text-mute: #888888}body[data-theme=blue]{--bg: #ffffff;--bg-soft: #f4f7fb;--card: #ffffff;--card-hov: #ebf2fa;--border: #d0dced;--border-hov: #3b82f6;--gold: #1e5fa8;--gold-deep: #0f2a4a;--gold-soft: #b4c9e2;--gold-bright: #2563eb;--text-mute: #6b82a0}.site-header{border-bottom:1px solid var(--border);padding:80px 24px 60px;text-align:center;position:relative}.site-mark{font-family:var(--serif);font-size:13px;font-weight:500;letter-spacing:8px;color:var(--gold-bright);text-transform:uppercase;margin-bottom:18px}.site-title{font-family:var(--serif);font-size:38px;font-weight:500;letter-spacing:2px;color:var(--gold-deep);margin-bottom:14px}.site-sub{font-size:13px;font-weight:300;color:var(--gold);letter-spacing:1px;line-height:1.7}.site-rule{width:50px;height:1px;background:var(--gold-soft);margin:32px auto 0}main.page{max-width:1180px;margin:0 auto;padding:60px 24px 80px}.section-label{font-family:var(--serif);font-size:12px;letter-spacing:6px;color:var(--text-mute);text-transform:uppercase;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:4px;padding:32px 28px 28px;text-decoration:none;color:inherit;transition:all .25s ease;position:relative;overflow:hidden;min-height:220px}.card:hover{background:var(--card-hov);border-color:var(--border-hov);transform:translateY(-2px);box-shadow:0 6px 20px #b899681f}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:.9}.card-icon{font-size:28px;margin-bottom:18px;color:var(--gold-bright);font-family:var(--serif)}.card-title{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:1px;color:var(--gold-deep);margin-bottom:10px}.card-desc{font-size:12.5px;font-weight:300;color:var(--gold);line-height:1.7;flex:1}.card-meta{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;letter-spacing:2px;color:var(--text-mute);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}.card-meta .arrow{font-family:var(--serif);color:var(--gold-bright);transition:transform .25s ease}.card:hover .card-meta .arrow{transform:translate(4px)}.lock{position:absolute;top:14px;right:14px;background:#b8996814;color:var(--gold-deep);border:1px solid var(--gold-soft);font-family:var(--serif);font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:2px}.card.coming{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--bg-soft)}.site-footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center;font-size:11px;color:var(--text-mute);letter-spacing:1.5px;font-family:var(--serif)}.site-footer .dot{color:var(--gold-soft);margin:0 10px}.theme-picker{position:absolute;top:24px;right:24px;display:flex;gap:6px;align-items:center;z-index:50}.theme-picker .label{font-family:var(--serif);font-size:10px;letter-spacing:2px;color:var(--text-mute);text-transform:uppercase;margin-right:4px}.theme-chip{width:18px;height:18px;border-radius:50%;border:2px solid #ddd;cursor:pointer;padding:0;transition:all .2s}.theme-chip[data-theme-pick=gold]{background:#b89968}.theme-chip[data-theme-pick=dark]{background:#1a1a1a}.theme-chip[data-theme-pick=blue]{background:#1e5fa8}.theme-chip.active{border-color:#555;transform:scale(1.18)}.theme-chip:hover{transform:scale(1.12)}@media print{.theme-picker{display:none!important}}