/* Violet hero CTA, cyan account actions, blue secondary actions. */
:root{--button-ink:#06293c;--button-cyan:#86efff;--button-blue:#42c7ff;--button-violet:#b9a6ff}
.hero-copy .primary-button,.dialog-confirm,.account-primary,.guide-download-button{min-height:46px;border:1px solid #b2f4ff;border-radius:12px;color:var(--button-ink);background:linear-gradient(120deg,var(--button-cyan),var(--button-blue));font-weight:750;box-shadow:inset 0 1px 0 #ffffff80,0 5px 20px #22b8ef2b;transition:transform .2s,box-shadow .2s,background .2s}
.hero-copy .primary-button{min-width:300px;min-height:60px;border:1px solid #c9b5ff;border-radius:17px;padding:17px 34px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8752e8,#713de6 60%,#5b31c6);box-shadow:inset 0 1px 0 #e8dfff80,0 0 28px #9854ff55,0 9px 28px #4314a559;text-shadow:0 1px 2px #32146555}
.hero-copy .primary-button:hover{color:#fff;background:linear-gradient(135deg,#8e55eb,#7d45eb 60%,#6b36d8);border-color:#dfd1ff;box-shadow:inset 0 1px 0 #fff9,0 0 38px #a26bff80,0 10px 30px #4314a56b}
.hero-copy .primary-button:focus-visible{outline:3px solid #e4d7ff;outline-offset:5px}
.dialog-confirm:hover,.account-primary:hover:enabled,a.account-primary:hover,.guide-download-button:hover{color:#042334;background:linear-gradient(120deg,#adf7ff,#71d8ff);box-shadow:inset 0 1px 0 #fff9,0 7px 24px #20c6ff45}
.account-primary:disabled{cursor:wait;opacity:.65}
.account-secondary,.identity-link{border:1px solid #658ea9;color:#edf9ff;background:linear-gradient(135deg,#285c7a,#193c54);font-weight:700;box-shadow:inset 0 1px 0 #d0f3ff12;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.account-secondary{min-height:44px}
.identity-link{min-height:38px;padding:8px 12px;font-size:12px;border-radius:10px}
.account-secondary:hover:enabled,.identity-link:hover{border-color:#9cdefa;color:#fff;background:linear-gradient(135deg,#367899,#235b79);box-shadow:0 3px 14px #42c9ff18}
.account-secondary:disabled{background:#101e2b;border-color:#314656;color:#6f8d9f;box-shadow:none;cursor:default}
.step-card .text-button,.guide-downloads .text-button,.account-topline .text-button,.account-bottom .text-button{min-height:42px;justify-content:center;padding:10px 14px;border:1px solid #527e9a;border-radius:10px;color:#daf5ff;background:linear-gradient(135deg,#214b65,#143348);font-weight:700;box-shadow:inset 0 1px 0 #d2f3ff12;transition:background .2s,border-color .2s,box-shadow .2s}
.step-card .text-button:hover,.guide-downloads .text-button:hover,.account-topline .text-button:hover,.account-bottom .text-button:hover{color:#fff;border-color:#8ad8fb;background:linear-gradient(135deg,#2e6885,#1b4965);box-shadow:0 3px 15px #22baf71a}
.guide-downloads .text-button{align-self:center;min-height:46px}
.account-topline .text-button{font-size:11px;min-height:38px;padding:8px 12px}
.account-logout{color:#d3eaf7;border-color:#547b94;background:#1a374b;font-weight:650;min-height:40px}
.account-logout:hover{color:#fff;border-color:#88bddb;background:#244c65}
.account-demo-switch{color:#b3d0e1;font-weight:600;min-height:32px}
.device-action{min-height:34px;padding:7px 11px;border:1px solid #608dab;border-radius:8px;background:#1c435c;color:#e0f7ff;font-size:11px;font-weight:700;box-shadow:inset 0 1px 0 #c0edff0c}
.device-card:hover .device-action,.device-card[aria-expanded="true"] .device-action{border-color:#9fe4ff;background:#2a647f;color:#fff}
.device-unlink{min-height:38px;color:#f7d2cd;background:linear-gradient(135deg,#49313c,#302b36);border-color:#926c76;font-weight:650}
.device-unlink:hover{color:#fff2eb;border-color:#d7a09d;background:linear-gradient(135deg,#66414b,#47303c)}
.account-danger{min-height:44px;background:linear-gradient(135deg,#a95462,#773c49);border-color:#e5a7ae;color:#fff5f3;box-shadow:inset 0 1px 0 #ffd9d520;font-weight:700}
.account-danger:hover{background:linear-gradient(135deg,#bd6571,#984856)}
.support-link{background:linear-gradient(135deg,#24516c,#16354c);border-color:#709fbc;color:#eafaff;font-weight:650;min-height:44px;box-shadow:inset 0 1px 0 #d3f6ff15}
.support-link:hover{background:linear-gradient(135deg,#306d89,#204e68);border-color:#a0e1ff}
.account-downloads a{color:#def3ff;border-color:#4b7793;background:linear-gradient(135deg,#1c3e54,#10283b);font-weight:650}
.account-downloads a:hover{border-color:#8bd9fa;background:linear-gradient(135deg,#2a5b75,#173b52)}
.account-downloads .icon{color:#b3e6fc}
.tariff-preview-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}
.tariff-preview-actions .dialog-confirm{margin:0;padding:11px 18px}
button:focus-visible,a:focus-visible{outline:2px solid #c2f4ff;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.hero-copy .primary-button:hover,.account-primary:hover:enabled,a.account-primary:hover,.guide-download-button:hover{transform:translateY(-2px)}}
.hero-copy .primary-button:active{transform:translateY(0);box-shadow:inset 0 2px 8px #32105a66,0 0 20px #9854ff55}
.account-primary:active:enabled,.guide-download-button:active{transform:translateY(0);box-shadow:inset 0 2px 8px #05679533,0 2px 8px #1c9ed729}
@media(max-width:640px){.hero-copy .primary-button{padding:13px 24px}.identity-link{min-height:40px;font-size:11px;padding:8px 10px}.step-card .text-button,.account-bottom .text-button{font-size:12px}.guide-downloads .text-button{min-height:44px;width:100%}.device-action{font-size:10px;padding:7px 8px}.device-unlink{min-height:40px}.tariff-preview-actions{flex-direction:column;align-items:stretch}.tariff-preview-actions>*{width:100%}.account-logout{min-height:40px}}
@media(prefers-reduced-motion:reduce){.hero-copy .primary-button:hover,.account-primary:hover:enabled,a.account-primary:hover,.guide-download-button:hover{transform:none}}
@media(max-width:640px){.hero-copy .primary-button{min-width:280px;min-height:58px;padding:15px 25px;font-size:15px}}
