/* Páginas de cuenta y activación (cuenta.html, activar.html). Base: style.css. */
body.acct{background:#F6F6F4;min-height:100vh}
.acct-nav{height:64px;background:rgba(255,255,255,.86);border-bottom:1px solid #E2E2DE}
.acct-nav .wrap{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.acct-nav .who{font-size:13px;color:#5A5D64;display:flex;align-items:center;gap:14px;min-width:0}
.acct-nav .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-main{max-width:760px;margin:0 auto;padding:56px 20px 80px;display:flex;flex-direction:column;gap:20px}
.acct-main.narrow{max-width:460px}
.acct-h{font-weight:800;font-size:clamp(30px,5vw,44px);letter-spacing:-.04em;line-height:1.05;margin:0}
.acct-sub{margin:0;font-size:16px;line-height:1.55;color:#4A4D54}
.card{background:#fff;border:1px solid #E2E2DE;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:16px}
.card h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.16em}
.card .muted{color:#8A8D94;font-size:14px;margin:0;line-height:1.5}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:12px;font-weight:700;color:#5A5D64}
.field input{height:46px;border-radius:12px;border:1px solid #D6D6D2;padding:0 14px;font:500 15px 'Manrope',sans-serif;color:#16181C;background:#fff;outline:none;width:100%}
.field input:focus{border-color:#2346FF;box-shadow:0 0 0 3px rgba(35,70,255,.12)}
.btn{height:48px;padding:0 22px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;cursor:pointer;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s}
.btn.primary{background:#2346FF;color:#fff;box-shadow:0 10px 24px rgba(35,70,255,.25)}.btn.primary:hover{background:#16181C;color:#fff}
.btn.ghost{background:#fff;color:#16181C;border-color:#16181C}.btn.ghost:hover{background:#16181C;color:#fff}
.btn.quiet{background:#F0F0EE;color:#16181C}.btn.quiet:hover{background:#E2E2DE}
.btn.danger{background:#fff;color:#C2410C;border-color:#E2E2DE}.btn.danger:hover{border-color:#C2410C}
.btn.sm{height:36px;padding:0 14px;font-size:13px}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.full{width:100%}
.tabs{display:flex;padding:4px;border-radius:24px;background:#F0F0EE}
.tabs div{flex:1;height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#5A5D64;cursor:pointer}
.tabs div.on{background:#fff;color:#16181C;box-shadow:0 2px 8px rgba(22,24,28,.1)}
.link{color:#2346FF;font-weight:600;cursor:pointer;background:none;font-size:14px}
.note-box{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}
.note-box.err{background:#FFF1EC;color:#9A3412}.note-box.ok{background:#ECFDF3;color:#166534}.note-box.info{background:#EEF1FF;color:#1E3AB8}
.status{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.status .badge{padding:5px 10px;border-radius:8px;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.badge.trial{background:#EEF1FF;color:#2346FF}.badge.paid{background:#ECFDF3;color:#166534}.badge.warn{background:#FFF1EC;color:#9A3412}
.status .big-t{font-weight:800;font-size:22px;letter-spacing:-.02em}
.meter{height:6px;border-radius:3px;background:#E9ECF2;overflow:hidden}.meter i{display:block;height:6px;background:#2346FF;border-radius:3px}
.plans2{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.plan2{border-radius:16px;border:1px solid #E2E2DE;padding:22px;display:flex;flex-direction:column;gap:14px;background:#fff;transition:box-shadow .3s,border-color .3s}
.plan2.dark{background:#16181C;color:#fff;border-color:#16181C}
.plan2.hl{border-color:#2346FF;box-shadow:0 0 0 3px rgba(35,70,255,.18)}
.plan2 .ph{font-size:12px;font-weight:800;letter-spacing:.16em}
.plan2 .pp{display:flex;align-items:baseline;gap:8px}.plan2 .pp b{font-weight:300;font-size:44px;letter-spacing:-.04em;line-height:1}
.plan2 .pp span{font:500 13px 'IBM Plex Mono',monospace;color:#8A8D94}
.plan2 .pn{font-size:14px;color:#5A5D64}.plan2.dark .pn{color:#9AA0B0}
.plan2.dark .btn.primary{box-shadow:none}
.machines{display:flex;flex-direction:column;border-top:1px solid #E2E2DE}
.machine{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #E2E2DE}
.machine .mi{flex:1;min-width:0}.machine .mn{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.machine .md{font:400 12px 'IBM Plex Mono',monospace;color:#8A8D94;margin-top:3px}
.code-big{font:500 clamp(30px,8vw,44px) 'IBM Plex Mono',monospace;letter-spacing:.16em;text-align:center;padding:18px;border-radius:14px;background:#F0F0EE}
.code-input{text-transform:uppercase;font-family:'IBM Plex Mono',monospace!important;letter-spacing:.2em;text-align:center;font-size:22px!important}
.row-end{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #E2E2DE;border-top-color:#2346FF;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hidden{display:none!important}