:root{--bg:#12141a;--surface:#1a1e28;--surface-2:#222836;--border:rgba(255,255,255,0.08);--text:#eef0f4;--text-muted:#9aa3b5;--accent:#c9a227;--accent-soft:rgba(201,162,39,0.15);--link:#7eb8ff;--radius:12px;--max-width:880px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.6}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}main{padding:2rem 0 4rem}.site-header,main{width:min(100% - 2rem,var(--max-width));margin:0 auto}.site-header{padding:1.25rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.brand-logo{display:block;width:auto;height:40px;max-width:min(200px,42vw)}.nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.9rem}.nav a{color:var(--text-muted)}.nav a:hover,.nav a[aria-current=page]{color:var(--text);text-decoration:none}.header-right{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.auth-nav{font-size:.88rem}.auth-nav-login{color:var(--accent);font-weight:600;text-decoration:none}.auth-nav-login:hover{text-decoration:underline}.auth-nav-user{display:flex;align-items:center;gap:.5rem}.auth-nav-profile{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:inherit}.auth-nav-profile:hover .auth-nav-name{color:var(--accent)}.auth-nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.auth-nav-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:700}.auth-nav-name{color:var(--text);font-weight:600;text-decoration:none}.auth-nav-logout{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;cursor:pointer}.auth-nav-logout:hover:not(:disabled){color:var(--text)}.auth-nav-logout:disabled{opacity:.6;cursor:default}.account-dl{margin:1rem 0 1.25rem;display:grid;grid-gap:.75rem;gap:.75rem}.account-profile{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.account-profile h2{margin:0 0 .25rem}.account-profile p{margin:0}.account-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:1.5rem;font-weight:700}.account-dl div{display:grid;grid-gap:.15rem;gap:.15rem}.account-dl dt{font-size:.78rem;color:var(--text-muted)}.account-dl dd{margin:0;font-size:.95rem;word-break:break-all}.hero{margin:2.5rem 0 2rem}.hero h1{margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.25}.hero p{margin:0;color:var(--text-muted);font-size:1.05rem}.card-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h2{margin:0 0 .5rem;font-size:1rem}.card p{margin:0 0 1rem;color:var(--text-muted);font-size:.92rem}.support-hub .support-card-primary{border-color:rgba(201,162,39,.35)}.support-issue-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.support-note{margin:0;font-size:.85rem;color:var(--text-muted)}.btn{display:inline-block;padding:.55rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--accent);color:#1a1408}.btn-primary:hover{filter:brightness(1.05);text-decoration:none}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{text-decoration:none;border-color:rgba(255,255,255,.18)}.steps{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-gap:.75rem;gap:.75rem}.steps li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem}.steps strong{display:block;margin-bottom:.25rem}.steps span{color:var(--text-muted);font-size:.92rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--accent-soft);color:var(--accent);margin-bottom:.75rem}.faq-list{display:grid;grid-gap:.75rem;gap:.75rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem}.faq-item h3{margin:0 0 .5rem;font-size:1rem}.faq-item p{margin:0;color:var(--text-muted);font-size:.92rem}.faq-meta{font-size:.78rem;color:var(--accent);margin-bottom:.35rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.82rem;cursor:pointer}.chip-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.oauth-icon{display:block;width:64px;height:64px;margin:0 auto 1rem;border-radius:14px;object-fit:contain}.oauth-box{text-align:center;padding:2.5rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.oauth-box h1{margin:0 0 .75rem;font-size:1.35rem}.oauth-box p{margin:0 0 1rem;color:var(--text-muted)}.oauth-status{font-size:.88rem;color:var(--text-muted);word-break:break-all}.site-footer{width:min(100% - 2rem,var(--max-width));margin:0 auto;padding:1.5rem 0 2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.legal-doc{display:grid;grid-gap:.75rem;gap:.75rem}.legal-section h2{margin:0 0 .75rem;font-size:1.05rem}.legal-section p{margin:0 0 .65rem;color:var(--text-muted);font-size:.92rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:0 0 .65rem;padding-left:1.25rem;color:var(--text-muted);font-size:.92rem}.legal-section li+li{margin-top:.35rem}.legal-note{margin-top:.75rem!important;padding:.75rem .9rem;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text)!important;border-radius:0 var(--radius) var(--radius) 0;font-size:.88rem!important}.legal-table-wrap{overflow-x:auto;margin:.5rem 0 .65rem}.legal-table{width:100%;border-collapse:collapse;font-size:.85rem}.legal-table td,.legal-table th{padding:.55rem .65rem;border:1px solid var(--border);text-align:left;vertical-align:top}.legal-table th{background:var(--surface-2);color:var(--text);font-weight:600;white-space:nowrap}.legal-table td{color:var(--text-muted)}.legal-table td:first-child{color:var(--text);font-family:ui-monospace,Cascadia Code,monospace;font-size:.82rem}