@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#050505;background:#f5f3f0;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#d9f8f3,transparent 36%),linear-gradient(135deg,#f5f3f0 0%,#eef8fb 100%)}.shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px}.card{width:min(100%,650px);background:#fff;border:1px solid #d8e7eb;border-radius:26px;padding:38px;box-shadow:0 18px 55px #12108018}.brand{display:flex;gap:12px;align-items:center;color:#121080}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#121080;color:#fff;font-size:22px}.brand small{display:block;color:#4b5563;font-size:11px;text-transform:uppercase;letter-spacing:1px}.hero{margin:42px 0 25px}.eyebrow{color:#00c9b7;font-weight:700;font-size:11px;letter-spacing:1.5px}.hero h1{font:700 36px 'Space Grotesk',sans-serif;margin:8px 0;color:#121080}.hero p{color:#4b5563;margin:0}label{display:block;color:#121080;font-size:13px;font-weight:600;margin:16px 0}input{display:block;width:100%;border:1px solid #cbdde3;border-radius:11px;padding:13px 14px;margin-top:7px;font:inherit;color:#050505;outline:none}input:focus{border-color:#16b6dc;box-shadow:0 0 0 3px #16b6dc26}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:13px;font-weight:600;color:#121080;margin-bottom:10px}.types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type{margin:0;cursor:pointer}.type input{display:none}.type span{display:block;border:1px solid #cbdde3;border-radius:13px;padding:13px;color:#16b6dc;font-size:18px}.type b,.type small{display:block;color:#121080}.type b{font-size:13px;margin-top:8px}.type small{font-size:11px;color:#4b5563;font-weight:400;margin-top:2px}.type input:checked+span{border:2px solid #00c9b7;background:#eafff9;padding:12px}.type:nth-child(2) span{color:#ff963d}.type:nth-child(3) span{color:#7226b9}.type:nth-child(4) span{color:#00c9b7}button{width:100%;border:0;border-radius:12px;padding:14px;background:#121080;color:#fff;font:600 15px 'DM Sans';cursor:pointer}button:hover{background:#2d3fa3}button:disabled{opacity:.6;cursor:wait}button span{float:right;font-size:20px;line-height:15px}.message{min-height:24px;margin-top:15px;text-align:center;font-size:13px}.message.ok{color:#121080}.message.error{color:#ff6b6b}footer{text-align:center;color:#9ca3af;font-size:11px;margin-top:28px}code{font-size:10px}dialog{border:0;border-radius:22px;padding:0;box-shadow:0 20px 80px #12108035;width:min(92%,390px)}dialog::backdrop{background:#12108088}#claveForm{padding:30px}.close{width:30px;padding:0;background:transparent;color:#9ca3af;font-size:25px;float:right}.lock{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e8fbf7;color:#00c9b7;font-size:28px}#claveForm h2{font:700 24px 'Space Grotesk';margin:18px 0 5px;color:#121080}#claveForm p{color:#4b5563;font-size:13px;margin-top:0}.confirm{margin-top:12px;background:#00c9b7}.confirm:hover{background:#00a895}@media(max-width:500px){.card{padding:25px 20px}.hero{margin-top:32px}.hero h1{font-size:30px}}