@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@500;700&display=swap";:root{--ink:#191a1c;--ink-2:#202124;--ink-3:#2a2b2f;--ink-4:#35363b;--line:#f5f5f71a;--line-2:#f5f5f72e;--text:#f5f5f7;--muted:#a9a7a1;--faint:#76746f;--amber:#e0a96d;--amber-2:#c98e4f;--amber-glow:#e0a96d2e;--moss:#3a4b40;--moss-2:#4f6656;--paper:#efe9df;--ok:#7fc89a;--warn:#e6c25a;--bad:#e07a6d;--radius:14px;--radius-lg:22px;--shadow:0 10px 40px #00000059;--display:"Cormorant Garamond", "Noto Serif KR", Georgia, serif;--sans:Inter, "Noto Sans KR", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}img,svg,canvas{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0 0 .4em;font-weight:600;line-height:1.15}h1{font-size:clamp(40px,6vw,76px)}h2{font-size:clamp(30px,3.6vw,46px)}h3{font-size:24px}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3{font-family:"Noto Serif KR", var(--display);letter-spacing:-.01em}p{margin:0 0 1em}.muted{color:var(--muted)}.faint{color:var(--faint)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);font-size:12px;font-weight:600}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grow{flex:1}.grid{gap:16px;display:grid}.hidden{display:none!important}.btn{border:1px solid var(--line-2);height:44px;color:var(--text);font:600 14px/1 var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:background .2s,border-color .2s,transform .1s;display:inline-flex;text-decoration:none!important}.btn:hover{border-color:var(--line-2);background:#f5f5f70f}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--amber);border-color:var(--amber);color:#1b140c}.btn.primary:hover{background:#ebb67b}.btn.moss{background:var(--moss);border-color:var(--moss-2)}.btn.sm{height:34px;padding:0 14px;font-size:13px}.btn.xs{height:28px;padding:0 10px;font-size:12px}.btn.danger{color:var(--bad);border-color:#e07a6d66}.btn.google{color:#1f1f1f;background:#fff;border-color:#fff}.btn.google:hover{background:#f1f1f1}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#f5f5f709,#f5f5f704);padding:22px}.chip{border:1px solid var(--line);height:28px;color:var(--text);background:#f5f5f70f;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;display:inline-flex}.chip.on,.chip[aria-pressed=true]{background:var(--amber-glow);border-color:var(--amber);color:var(--amber)}button.chip{cursor:pointer;font-family:inherit}.dot{background:var(--faint);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.tag{background:var(--ink-4);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:2px 8px;font-size:11px}.tag.active{color:var(--ok);background:#7fc89a26}.tag.pending{color:var(--warn);background:#e6c25a26}.tag.expired,.tag.revoked,.tag.refunded{color:var(--bad);background:#e07a6d26}label.field{color:var(--muted);gap:6px;font-size:13px;display:grid}input,select,textarea{background:var(--ink-2);width:100%;color:var(--text);border:1px solid var(--line-2);font:14px var(--sans);border-radius:10px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}textarea{resize:vertical;min-height:90px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--amber)}input[type=range]{accent-color:var(--amber);padding:0}.site-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#191a1cb8;position:sticky;top:0}.site-header .wrap{align-items:center;gap:18px;height:64px;display:flex}.brand{align-items:center;gap:10px;display:flex;color:var(--text)!important;text-decoration:none!important}.brand img{width:30px;height:30px}.brand b{font-family:var(--display);letter-spacing:.22em;font-size:22px;font-weight:600}.nav{gap:22px;margin-left:14px;display:flex}.nav a{color:var(--muted);white-space:nowrap;font-size:14px}#auth-slot{flex-wrap:nowrap}@media (width<=1180px){.nav{gap:14px}.nav a[href="/#how"],.nav a[href="/#orgs"]{display:none}}.nav a:hover{color:var(--text);text-decoration:none}.avatar-img{object-fit:cover;background:var(--ink-4);border-radius:50%;width:30px;height:30px}@media (width<=820px){.nav{display:none}}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.table tr:hover td{background:#f5f5f705}.table-wrap{overflow-x:auto}.num{font-variant-numeric:tabular-nums;text-align:right}.modal-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#08080aa8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--radius-lg);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);padding:26px;overflow:auto}.modal h3{margin-bottom:6px}.toast-host{z-index:200;gap:8px;display:grid;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.toast{background:var(--ink-3);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;font-size:13px;animation:.25s toast-in}.toast.err{border-color:var(--bad);color:#ffd7d1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.footer{border-top:1px solid var(--line);color:var(--faint);margin-top:80px;padding:36px 0 60px;font-size:13px}.footer a{color:var(--muted)}.spinner{border:2px solid var(--line-2);border-top-color:var(--amber);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.site-header .brand b{display:none}}
