@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f7fb;--card:#fff;--soft:#eef2ff;--primary:#5b6cff;--primary2:#8ea2ff;--accent:#77d6c5;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--success:#2f9e67;--warning:#9a6b15;--danger:#d94848;--shadow:0 18px 45px rgba(31,41,55,.08)}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Plus Jakarta Sans',Arial,sans-serif}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(91,108,255,.13),transparent 30%),radial-gradient(circle at bottom right,rgba(119,214,197,.15),transparent 30%),var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}.header{width:92%;max-width:1150px;margin:20px auto 0;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:22px}.logo span{color:var(--primary)}.top-btn,.main-btn{background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;border:none;border-radius:16px;font-weight:800;box-shadow:0 10px 24px rgba(91,108,255,.18)}.top-btn{padding:12px 16px;text-decoration:none}.hero{width:92%;max-width:1150px;margin:auto;padding:75px 0 45px;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.badge{display:inline-block;padding:9px 14px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:13px;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(42px,7vw,72px);line-height:.96;letter-spacing:-2.5px;margin-bottom:20px}.hero-p{color:var(--muted);line-height:1.75;font-size:17px;max-width:600px}.hero-card{min-height:330px;background:var(--card);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:30px}.lock{font-size:82px}.app{width:92%;max-width:1150px;margin:auto;padding:45px 0}.title{text-align:center;margin-bottom:25px}.title h2{font-size:clamp(30px,5vw,48px);letter-spacing:-1.5px;margin-bottom:8px}.title p{color:var(--muted)}.steps{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;box-shadow:var(--shadow);margin-bottom:20px}.step{background:#fafafa;border:1px solid var(--border);border-radius:17px;padding:14px 10px;text-align:center}.step span{width:34px;height:34px;margin:0 auto 8px;border-radius:50%;background:var(--soft);color:var(--primary);font-weight:800;display:grid;place-items:center}.step p{color:var(--muted);font-size:12px;font-weight:800}.step.active{background:#f4f6ff;border-color:rgba(91,108,255,.25)}.step.done{background:#edf9f2;border-color:rgba(47,158,103,.25)}.step.done span{background:var(--success);color:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:24px}.result-card{grid-column:span 2}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.card small{color:var(--primary);font-size:12px;font-weight:800}.card h3{font-size:22px;line-height:1.25;margin-top:6px}.pill{padding:8px 11px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:12px;font-weight:800;white-space:nowrap}.pill.good{background:#edf9f2;color:var(--success)}.pill.warn{background:#fff7e8;color:var(--warning)}.pill.bad{background:#fff0f0;color:var(--danger)}label{display:block;margin:14px 0 8px;font-weight:700;font-size:14px}.input-row{display:flex;gap:10px}input,textarea{width:100%;border:1px solid var(--border);background:#fbfbfd;color:var(--text);border-radius:16px;padding:15px;outline:none}textarea{min-height:125px;resize:vertical}input:focus,textarea:focus{border-color:rgba(91,108,255,.35);box-shadow:0 0 0 5px rgba(91,108,255,.08)}.input-row button{width:54px;border:none;border-radius:15px;background:var(--primary);color:white}.choice-grid,.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{padding:16px;border:1px solid var(--border);background:#fbfbfd;border-radius:18px;text-align:left}.choice strong{display:block;margin-bottom:7px}.choice span{color:var(--muted);font-size:13px;line-height:1.5}.choice.active{background:var(--soft);border-color:rgba(91,108,255,.25);color:var(--primary)}.own-key-box{margin-top:14px;padding:14px;background:#fbfbfd;border:1px solid var(--border);border-radius:18px}.hidden{display:none}.main-btn,.secondary-btn{width:100%;padding:15px;border-radius:16px;font-weight:800;margin-top:15px}.secondary-btn{background:#fbfbfd;color:var(--text);border:1px solid var(--border)}.disabled,button:disabled{opacity:.45;cursor:not-allowed}.warning,.safety{margin-top:15px;padding:15px;border-radius:16px;background:#fff7e8;color:var(--warning);border:1px solid #f6dfb8;line-height:1.6;font-weight:700}#toast{position:fixed;right:20px;bottom:20px;max-width:330px;padding:14px 18px;border-radius:16px;background:var(--primary);color:white;font-weight:800;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease;z-index:999}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:850px){.top-btn{display:none}.hero,.grid,.steps,.choice-grid,.button-grid{grid-template-columns:1fr}.hero{padding:55px 0 30px}.hero h1{font-size:48px}.result-card{grid-column:span 1}.card-head{flex-direction:column}.pill{width:fit-content}}