.security-page{max-width:980px;margin:0 auto 2rem;color:var(--text,#153e36)}
.security-back,.security-text-link{display:inline-flex;align-items:center;gap:6px;color:#187369;text-decoration:none;font-size:.8rem;font-weight:750}
.security-back{margin:0 0 24px}.security-heading{margin-bottom:24px}.security-eyebrow{display:block;color:#568477;font-size:.72rem;font-weight:800;letter-spacing:.02em;margin-bottom:7px}
.security-heading h1{font-size:clamp(1.55rem,4vw,2rem);margin:0 0 8px;letter-spacing:-.04em;font-weight:900}.security-heading p{color:#687e78;font-size:.87rem;line-height:1.9;margin:0}
.security-overview{display:flex;align-items:center;gap:15px;padding:20px 24px;border:1px solid #d8e9e2;border-radius:20px;background:linear-gradient(110deg,#edf8f1,#f8fbf7);margin-bottom:24px}.security-overview-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff;color:#178478;flex-shrink:0}.security-overview b{font-size:.95rem}.security-overview p{font-size:.78rem;color:#648178;margin:5px 0 0;line-height:1.9}
.security-badge{margin-inline-start:auto;padding:6px 11px;border-radius:30px;background:#fff;color:#708078;font-size:.68rem;font-weight:800;white-space:nowrap}.security-badge.is-active{background:#dbf1e6;color:#15724f}
.security-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:22px}.security-side{display:grid;gap:18px}.security-card{border:1px solid #e1e9e5;background:#fff;border-radius:22px;padding:26px;box-shadow:0 5px 20px #24493805;min-width:0}.security-card-head{display:flex;align-items:center;gap:13px;margin-bottom:19px}.security-card h2{font-size:1.02rem;font-weight:850;margin:0 0 5px}.security-card-head p{font-size:.73rem;color:#71827c;margin:0;line-height:1.8}.security-symbol{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:18px;background:#eaf6f0;color:#188270}.security-symbol>svg{width:34px;height:34px}.security-symbol.is-small{width:44px;height:44px;border-radius:14px;background:#f3f5f2;color:#647c71}.security-symbol.is-small>svg{width:23px;height:23px}
.security-description{color:#63766f;font-size:.83rem;line-height:2;margin:0 0 17px}.security-benefits{display:flex;gap:9px 15px;flex-wrap:wrap;margin-bottom:23px}.security-benefits span{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:#387568}.security-primary,.security-secondary,.security-login-button{font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border-radius:12px;border:1px solid transparent;font-size:.83rem;font-weight:800;transition:background .16s,box-shadow .16s}.security-primary{background:#167766;color:#fff;box-shadow:0 4px 12px #13776618}.security-primary:hover{background:#105f53}.security-secondary{background:#f6f9f7;color:#315d50;border-color:#dce7e0}.security-secondary:hover{background:#eaf3ed}.security-primary:disabled,.security-secondary:disabled,.security-login-button:disabled{opacity:.55;cursor:not-allowed;animation:none!important}
.security-footnote{font-size:.68rem;line-height:1.9;color:#7b8b83;text-align:center;margin:10px 0 23px}.security-key-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1ed;padding-top:23px;margin-top:21px}.security-key-heading h3{font-size:.82rem;margin:0}.security-key-heading>span{font-size:.67rem;color:#7d8c83}.security-empty{font-size:.77rem;text-align:center;color:#71847a;line-height:2;background:#f8faf8;border:1px dashed #dce6de;border-radius:12px;padding:22px 15px;margin:14px 0 0}.security-key{display:flex;align-items:flex-start;gap:10px;padding:16px 0;border-bottom:1px solid #eef2ee}.security-key-symbol{font-size:1.1rem;background:#eff5f0;border-radius:10px;padding:8px;line-height:1;color:#42735c}.security-key-copy{flex:1;min-width:0}.security-key-copy b{display:block;font-size:.79rem;overflow-wrap:anywhere}.security-key-copy small{display:block;font-size:.65rem;color:#7c8b81;margin-top:5px;line-height:1.8}.security-key-remove{font:inherit;border:0;background:transparent;color:#aa5751;padding:7px;font-size:.71rem;cursor:pointer;border-radius:7px}.security-key-remove:hover{background:#fdf0ed}
.security-password-form{display:grid;gap:16px}.security-password-form>label,.security-label{display:grid;gap:7px;font-size:.76rem;font-weight:750}.security-password-input{display:flex;border:1px solid #dce4de;border-radius:11px;overflow:hidden;background:#fbfcfa}.security-password-input:focus-within{border-color:#228c73;box-shadow:0 0 0 3px #228c7312}.security-password-input input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;width:100%;padding:12px;font:inherit;direction:ltr;outline:0}.security-password-input button{display:grid;place-items:center;flex-shrink:0;border:0;background:transparent;color:#70867a;padding:0 12px;cursor:pointer}.security-password-form>small{font-size:.67rem;line-height:1.9;color:#7b8981;margin-top:-5px}.security-password-form .security-text-link{justify-content:center;font-weight:600;font-size:.71rem}.security-help h3{display:flex;gap:8px;align-items:center;font-size:.81rem;margin:0 0 9px}.security-help p{font-size:.75rem;line-height:2;color:#78877e;margin:0}.security-help{background:#f7faf6;box-shadow:none}.security-status{font-size:.76rem;line-height:1.9;color:#527666;margin:12px 0 0;overflow-wrap:anywhere}.security-status:empty{display:none}.security-status.is-error{color:#a14038;background:#fff1ee;padding:11px;border-radius:10px}.security-status.is-success{color:#177354;background:#edf8ef;padding:11px;border-radius:10px}.security-notice{font-size:.75rem;line-height:2;padding:13px 15px;background:#fff8e8;border:1px solid #f0e3bf;color:#887044;border-radius:12px;margin-bottom:17px}.security-notice a{display:flex;margin-top:5px}.security-sidebar-link{display:flex;gap:9px;align-items:center;margin:10px 14px;padding:12px;border-radius:12px;background:#edf7f1;color:#276b56;text-decoration:none;font-size:.8rem}
.security-dialog{font:inherit;color:#1c4035;width:min(420px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #e6eee7;border-radius:27px;padding:32px;box-shadow:0 28px 90px #113c3426;max-height:calc(100dvh - 32px);overflow-y:auto;text-align:center;background:#fff;inset:0;margin:auto}.security-dialog::backdrop{background:#112e2ac2;backdrop-filter:blur(5px)}.security-dialog[open]{animation:security-enter .22s ease-out}.security-dialog-close{position:absolute;top:14px;inset-inline-end:14px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#f3f7f3;color:#7c8d81;cursor:pointer}.security-offer-art{position:relative;width:108px;height:108px;display:grid;place-items:center;margin:2px auto 26px;border-radius:34px;background:linear-gradient(140deg,#eef8e8,#e1f2eb)}.security-offer-art>span{display:grid;place-items:center;width:78px;height:78px;background:#fff;border-radius:24px;color:#167766;box-shadow:0 7px 20px #205c4610}.security-offer-art svg{width:48px;height:48px}.security-offer-art i{position:absolute;bottom:-3px;inset-inline-end:-3px;display:grid;place-items:center;border:4px solid #fff;width:33px;height:33px;border-radius:50%;background:#167766;color:white}.security-offer-art i svg{width:16px;height:16px}.security-dialog h2{font-size:1.3rem;letter-spacing:-.025em;font-weight:850;margin:0 0 12px}.security-dialog>p{font-size:.81rem;line-height:2;color:#718276}.security-offer-points{display:grid;gap:10px;text-align:start;background:#f6faf6;border-radius:14px;padding:15px;margin:23px 0;font-size:.72rem;color:#527663}.security-offer-points span{display:flex;align-items:center;gap:7px}.security-offer-points svg{flex-shrink:0;color:#278a69}.security-later{font:inherit;border:0;background:transparent;color:#7a887f;padding:13px;width:100%;cursor:pointer;font-size:.79rem}.security-dialog .security-footnote{font-size:.65rem;margin:0}.security-dialog .security-label{text-align:start;margin:22px 0}.security-label input{font:inherit;padding:12px;border-radius:11px;border:1px solid #dce4de;width:100%;box-sizing:border-box}.security-dialog .security-secondary{margin-top:9px}.security-dialog .security-danger{background:#aa4d43}.security-login-box{border-top:1px solid #e5ece6;margin-top:22px;padding-top:20px}.security-login-button{background:#f2f8f4;color:#246c57;border:1px solid #d9e9df}.security-login-help{font-size:.7rem;color:#7a8a7f;margin-top:13px;text-align:center}.security-login-help summary{cursor:pointer}.security-login-help p{line-height:2;margin:9px 0 0}.security-page [hidden],.security-dialog [hidden]{display:none!important}
@keyframes security-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.security-grid{grid-template-columns:1fr;gap:17px}.security-page{margin-top:8px}.security-heading{margin-bottom:20px}.security-card{padding:22px 19px;border-radius:19px}.security-overview{padding:17px;gap:10px;flex-wrap:wrap;margin-bottom:18px}.security-overview>div{flex:1;min-width:180px}.security-badge{margin-inline-start:58px}.security-overview b{font-size:.84rem}.security-overview p{font-size:.72rem}.security-back{margin-bottom:20px}.security-dialog{padding:29px 23px;border-radius:24px}.security-heading p{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){.security-dialog[open]{animation:none}.security-primary,.security-secondary{transition:none}}