:root{--ink:#121826;--muted:#667085;--line:#e5e7eb;--bg:#f6f7fb;--blue:#2563eb;--blue2:#1d4ed8;--soft:#eff6ff;--red:#dc2626;--green:#15803d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:10}
.brand{font-weight:900;font-size:23px;letter-spacing:-1px}.brand span{color:var(--blue)}nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px}nav form{margin:0}.navbtn{border:0;background:transparent;font-weight:700;cursor:pointer}
main{max-width:1120px;margin:auto;padding:54px 24px 90px}.hero{text-align:center;padding:36px 0 44px}.eyebrow{display:inline-block;color:var(--blue);background:var(--soft);border-radius:999px;padding:7px 13px;font-weight:800;font-size:13px}
h1{font-size:clamp(34px,5vw,62px);line-height:1.13;letter-spacing:-2.6px;margin:20px 0}h1 em{font-style:normal;color:var(--blue)}.hero>p{font-size:19px;color:var(--muted);max-width:720px;margin:0 auto 25px}
.quota{display:inline-flex;border:1px solid #bfdbfe;background:#fff;border-radius:14px;padding:11px 18px;gap:8px}.quota strong{color:var(--blue)}.quota.warn{border-color:#fed7aa;color:#9a3412;background:#fff7ed}
.tool-card,.auth-card,.paywall,.result-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.06)}
.tool-card{max-width:850px;margin:auto;padding:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f3f4f6;border-radius:13px;padding:5px;margin-bottom:25px}
.tab{border:0;background:transparent;border-radius:10px;padding:13px;font-weight:800;cursor:pointer}.tab.active{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(0,0,0,.06)}
label{display:block;font-weight:800;font-size:14px;margin:17px 0 7px}input,textarea,select{width:100%;border:1px solid #d0d5dd;border-radius:11px;padding:14px 15px;font:inherit;background:#fff}input:focus,textarea:focus,select:focus{outline:3px solid #dbeafe;border-color:var(--blue)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.primary,.secondary,.linkbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 19px;font-weight:900;border:0;cursor:pointer}
.primary{background:var(--blue);color:#fff;width:100%;margin-top:21px;font-size:16px}.primary:hover{background:var(--blue2)}.primary:disabled{opacity:.6}.secondary{background:#fff;border:1px solid #cbd5e1}.secondary.full{width:100%;margin-top:12px}.notice,.fine{color:var(--muted);font-size:13px;text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:55px 0}.steps article{background:#fff;border:1px solid var(--line);padding:25px;border-radius:20px}.steps b{color:var(--blue)}.steps h3{margin:8px 0}.steps p{color:var(--muted);margin:0}
.membership-strip{background:var(--ink);color:#fff;border-radius:26px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.membership-strip span{color:#93c5fd;font-weight:800}.membership-strip h2{font-size:32px;margin:6px 0}.membership-strip p{color:#cbd5e1;margin:0}
.auth-card,.paywall{max-width:560px;margin:35px auto;padding:36px}.auth-card h1,.paywall h1{font-size:38px;letter-spacing:-1.7px}.auth-card>p,.paywall>p{color:var(--muted)}.check{display:flex;gap:10px;font-weight:500}.check input{width:auto}.center{text-align:center}.wide{max-width:620px}
.paywall{text-align:center}.paywall ul{text-align:left;background:#f8fafc;border-radius:16px;padding:20px 25px 20px 45px}.price{font-size:34px;font-weight:900;color:var(--blue)}.actions{display:grid;gap:10px}.actions .primary{margin:0}
.flash{padding:14px 18px;border-radius:12px;margin-bottom:18px;font-weight:700}.flash.success{background:#ecfdf3;color:var(--green)}.flash.error{background:#fef2f2;color:var(--red)}.flash.info{background:var(--soft);color:var(--blue)}
.result-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.result-head h1{font-size:40px;margin:10px 0}.result-head p{color:var(--muted)}.result-card{padding:36px}.result-card h1{font-size:34px}.result-card h2{font-size:25px;margin-top:36px;border-bottom:1px solid var(--line);padding-bottom:9px}.result-card h3{font-size:20px;margin-top:25px}.result-card p,.result-card li{font-size:16px}.spacer{height:5px}.bottom-actions{display:flex;gap:10px;margin-top:20px}.bottom-actions .primary{width:auto;margin:0}
.page-title h1{font-size:42px;margin-bottom:5px}.page-title p{color:var(--muted)}.history-list{display:grid;gap:10px}.history-list a{background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:15px;display:grid;grid-template-columns:110px 1fr 100px;align-items:center}.history-list span,.history-list small{color:var(--muted)}
.admin-card{padding:25px;margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 9px;white-space:nowrap}.inline-form{display:flex;gap:6px}.inline-form select{width:120px;padding:8px}.inline-form input{width:65px;padding:8px}.inline-form button,.danger{border:0;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer}.danger{background:#fee2e2;color:var(--red)}.badge{background:var(--soft);color:var(--blue);padding:5px 9px;border-radius:999px}
footer{background:#fff;border-top:1px solid var(--line);padding:35px 24px;text-align:center;color:var(--muted)}footer strong{color:var(--ink)}
@media(max-width:720px){header{height:auto;padding:16px 18px;align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}main{padding:28px 16px 65px}.hero{padding-top:22px}h1{letter-spacing:-1.8px}.grid2,.steps{grid-template-columns:1fr}.membership-strip{align-items:stretch;flex-direction:column}.result-head{align-items:stretch;flex-direction:column}.result-card{padding:22px}.history-list a{grid-template-columns:1fr;gap:3px}.bottom-actions{flex-direction:column}.bottom-actions .primary{width:100%}}