:root{--bg:#0f1115;--panel:#171a21;--panel2:#1e222b;--border:#2a2f3a;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4ade80;--accent2:#38bdf8;--danger:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,맑은 고딕,sans-serif;line-height:1.6}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:880px;margin:0 auto;padding:32px 20px 80px}.title{font-size:26px;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 20px}.gate{max-width:420px;margin:12vh auto 0;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}.gate-form{display:flex;gap:8px;margin-top:16px}.gate-links{margin-top:18px;display:flex;gap:16px;justify-content:center}input,select,textarea{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent2)}.gate-form input{flex:1 1}button{border:none;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--accent);color:#06210f}.ghost{background:var(--panel2);color:var(--text)}.card,.ghost{border:1px solid var(--border)}.card{background:var(--panel);border-radius:14px;padding:20px;margin-bottom:18px}.card h2{font-size:16px;margin:0 0 12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%}.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:3px}.seg button{background:transparent;color:var(--muted);padding:8px 18px}.seg button.active{background:var(--accent2);color:#04222e}.hint{font-size:12px;color:var(--muted);margin-top:4px}.status{padding:10px 12px;border-radius:10px;margin-top:12px;font-size:14px}.status.error{background:rgba(248,113,113,.12);color:var(--danger)}.status.info{background:rgba(56,189,248,.1);color:var(--accent2)}.dropzone{border:1.5px dashed var(--border);border-radius:12px;padding:28px;text-align:center;color:var(--muted);cursor:pointer}.dropzone.has{border-color:var(--accent);color:var(--text)}.tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--border)}.tabs button{background:transparent;color:var(--muted);border-radius:0;padding:8px 14px;border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.md{font-size:15px}.md h1{font-size:22px}.md h2{font-size:18px;margin-top:20px}.md h3{font-size:15px;color:var(--accent2)}.md table{border-collapse:collapse;width:100%;margin:10px 0}.md td,.md th{border:1px solid var(--border);padding:6px 10px;text-align:left}.md code{background:var(--panel2);padding:2px 5px;border-radius:4px}.md em{color:var(--muted)}pre.raw{white-space:pre-wrap;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:13px;max-height:420px;overflow:auto}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.topbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.topbar .links{display:flex;gap:14px;font-size:13px}.steps{font-size:13px;color:var(--muted);margin:8px 0 0}.hero{text-align:center;padding:48px 0 40px}.badge{display:inline-block;font-size:12px;color:var(--accent2);background:rgba(56,189,248,.1);border:1px solid var(--border);padding:5px 12px;border-radius:999px;margin-bottom:20px}.hero-title{font-size:38px;line-height:1.25;margin:0 0 18px;font-weight:800}.hero-sub{color:var(--muted);font-size:17px;max-width:620px;margin:0 auto 28px}.hero-sub b{color:var(--text)}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:700;font-size:16px}.cta,.cta:hover{text-decoration:none}.cta:hover{opacity:.92}.primary-cta{background:var(--accent);color:#06210f}.ghost-cta{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:16px 0 48px}.step{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px}.step-num{width:34px;height:34px;border-radius:50%;background:var(--accent2);color:#04222e;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.step h3{margin:0 0 6px;font-size:16px}.step p{margin:0;color:var(--muted);font-size:14px}.section-title{text-align:center;font-size:24px;margin:8px 0 22px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:48px}.feat{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.feat-emoji{font-size:26px;margin-bottom:8px}.feat h3{margin:0 0 6px;font-size:15px}.feat p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.feat b{color:var(--text)}.bottom-cta{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px 20px;margin-bottom:32px}.bottom-cta h2{margin:0 0 20px;font-size:22px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;padding:20px 0;border-top:1px solid var(--border)}@media (max-width:680px){.hero-title{font-size:28px}.hero-sub{font-size:15px}.feat-grid,.steps-grid{grid-template-columns:1fr}}