.account-dashboard{max-width:1450px;margin:64px auto 100px;padding:0 4%;color:var(--text)}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.account-heading h1{font:clamp(20px,2.8vw,36px)/1.65 var(--pixel);letter-spacing:-1px;margin:18px 0 8px}.account-heading p{font:16px/1.7 Arial,sans-serif;color:#8f9b83}.account-logout{border:1px solid #34412a;background:#121a0e;color:#bac8ac;padding:13px 19px;font-size:14px;white-space:nowrap}.account-logout span{color:var(--lime);margin-left:20px}.prototype-note{display:flex;gap:12px;align-items:center;background:#151d10;border:1px dashed #3f512d;padding:14px 18px;color:#9eae8f;font:13px/1.6 Arial,sans-serif;margin-bottom:28px}.prototype-note>span,.demo-badge{font:9px/1.5 var(--pixel);color:#bce17f;white-space:nowrap}.account-grid{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:18px;align-items:start}.profile-card{margin-right:10px}.account-card{padding:28px 24px;background:linear-gradient(145deg,#151c10,#0e140b);border:1px solid #303e25;min-width:0;position:relative;overflow:hidden}.subscription-card{border-color:#6f8e45;background:linear-gradient(145deg,#1c2713,#10180c);box-shadow:0 0 35px #caff5e05}.card-number{font:10px/1.7 monospace;letter-spacing:1.6px;color:#7a8c67;margin-bottom:20px}.account-card h2{font:600 21px/1.4 Arial,sans-serif;letter-spacing:-.5px;margin:0}.account-card h3{font:500 15px/1.5 Arial,sans-serif;letter-spacing:0;margin:0}.profile-avatar{display:grid;place-items:center;width:57px;height:57px;background:var(--lime);color:#162309;font:26px var(--pixel);margin:28px 0;box-shadow:5px 5px 0 #33461f}.account-fields{margin:0}.account-fields>div{padding:16px 0;border-bottom:1px solid #25341d}.account-fields dt{font:13px/1.6 Arial,sans-serif;color:#8b9d7a;margin-bottom:7px}.account-fields dd{margin:0;font:16px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.password-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.password-row>span{letter-spacing:3px}.text-action{font-size:12px;background:none;border:0;padding:6px 0;color:var(--lime)}.card-divider{height:1px;background:#304023;margin:27px 0}.section-label{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-badge{border:1px solid #465d2e;padding:4px 5px;font-size:7px;color:#a9bc8b}.purchase-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:17px 0;border-bottom:1px solid #25341d;font-size:13px;color:#c9d4bd}.purchase-row strong{font-size:13px;font-weight:500}.purchase-row small{grid-column:1/-1;font-size:11px;color:#778b64}.subscription-status{border:1px solid #48513f;color:#a5ae9d;font:12px/1.4 Arial,sans-serif;padding:5px 8px;white-space:nowrap}.subscription-status.is-active{background:#caff5e14;border-color:#748f49;color:var(--lime)}.subscription-ref{margin:30px 0 32px;display:flex;flex-direction:column;gap:10px}.subscription-ref>span,.subscription-dates span{font:13px/1.5 Arial,sans-serif;color:#9bad89}.subscription-ref strong{font:clamp(13px,1.3vw,19px)/1.6 var(--pixel);color:var(--lime);overflow-wrap:anywhere}.subscription-ref small{font:11px/1.5 Arial,sans-serif;color:#75865f}.traffic-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:17px 0 14px}.traffic-value strong{font:500 31px/1.2 Arial,sans-serif;letter-spacing:-1px}.traffic-value>span{font:13px Arial;color:#8fa07c}#traffic-progress{display:block;width:100%;height:6px;border:0;appearance:none;overflow:hidden;background:#2b3820}#traffic-progress::-webkit-progress-bar{background:#2b3820}#traffic-progress::-webkit-progress-value{background:var(--lime)}#traffic-progress::-moz-progress-bar{background:var(--lime)}.field-note{color:#899b76;font:12px/1.7 Arial,sans-serif;margin:12px 0 0}.subscription-dates{display:flex;flex-direction:column;gap:20px;margin:30px 0}.subscription-dates>div{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.subscription-dates strong{font:500 14px/1.6 Arial,sans-serif;text-align:right}.account-primary{width:100%;justify-content:space-between;font-size:10px;padding:18px 17px;margin:0}.account-primary span{font-family:Arial,sans-serif}.connection-link{word-break:break-all;user-select:all;font:11px/1.7 monospace;border:1px solid #3d512b;background:#0c1209;padding:13px;margin:15px 0}.account-secondary{display:block;width:100%;padding:12px;border:1px solid #465b31;background:#1d2a13;color:#bce58b;font:13px Arial,sans-serif}.device-count{font:12px monospace;padding:6px 9px;border:1px solid #3d4e2c;color:#b4d393}.account-devices{list-style:none;margin:24px 0;padding:0}.account-devices li{display:flex;gap:13px;margin:0;padding:18px 0;border-bottom:1px solid #2c3b20}.account-devices li:before{content:none}.device-icon{font:28px monospace;color:#b5d890}.account-devices li>div{display:flex;flex-direction:column;gap:7px;min-width:0}.account-devices strong{font:500 14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.account-devices span:not(.device-icon){font:12px/1.5 monospace;color:#95a981;overflow-wrap:anywhere}.account-devices small{font:11px/1.6 Arial,sans-serif;color:#70865c}.account-devices .devices-empty{font:14px/1.8 Arial,sans-serif;color:#91a57c;padding:25px 0}.device-help{display:flex;align-items:center;gap:12px;border:1px dashed #354728;padding:15px;margin-top:28px}.device-help>span{font-size:22px;color:#97b878}.device-help p{font:12px/1.7 Arial,sans-serif;color:#829970;margin:0}.account-dialog{width:min(480px,calc(100% - 30px));padding:32px;color:var(--text);background:#111a0b;border:1px solid #768f51;box-shadow:8px 8px 0 #0007;max-height:90dvh;overflow:auto}.account-dialog h2{font:600 26px/1.4 Arial,sans-serif;letter-spacing:-.5px;margin:20px 0}.account-dialog p{line-height:1.7}.account-dialog::backdrop{background:#030603ba;backdrop-filter:blur(6px)}.dialog-cross{position:absolute;right:12px;top:8px;font:28px Arial;background:none;border:0;color:#a5be8b}.account-dialog form{margin-top:24px}.account-dialog form label{display:block;font:14px/1.6 Arial,sans-serif;margin:18px 0;color:#c4d4b6}.account-dialog input{width:100%;padding:13px;margin-top:8px;background:#0b1107;border:1px solid #3c512a;color:white;font-size:16px}.account-dialog label small{font-size:11px;color:#87a06f}.account-dialog input:focus{outline:1px solid var(--lime);border-color:var(--lime)}#password-result{font:13px/1.7 Arial,sans-serif;color:var(--lime)}.renew-options{display:flex;flex-direction:column;gap:12px;margin:25px 0}.renew-options button{display:flex;justify-content:space-between;gap:15px;padding:18px;border:1px solid #3e522c;background:#172210;color:#d2dfc5;font-size:16px}.renew-options .is-selected{border-color:var(--lime);background:#26381a}.renew-options strong{color:var(--lime)}.account-card{animation:account-card-in .75s both}.account-card:nth-child(2){animation-delay:.1s}.account-card:nth-child(3){animation-delay:.2s}@keyframes account-card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}   .cabinet-container input:focus{outline:1px solid var(--lime)}button:disabled{opacity:.55;cursor:wait}#dashboard h1:focus{outline:none}@media(max-width:1100px){.account-grid{grid-template-columns:1fr 1.1fr}.devices-card{grid-column:1/-1}.account-devices{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-card{margin-right:0}.account-card{padding:26px}.subscription-ref strong{font-size:18px}}@media(max-width:650px){.account-dashboard{margin:35px auto 65px;padding:0 5%}.account-heading{align-items:flex-start;gap:12px}.account-heading h1{font-size:19px}.account-heading .eyebrow{font-size:9px}.account-heading p{font-size:13px}.account-logout{font-size:12px;padding:10px}.account-logout span{margin-left:6px}.account-grid{grid-template-columns:1fr;gap:20px}.devices-card{grid-column:auto}.account-devices{display:block}.prototype-note{align-items:flex-start;font-size:12px}.account-card{padding:25px}.account-dialog{padding:25px}.cabinet-container{margin:50px 5%!important;padding:26px!important}}@media(prefers-reduced-motion:reduce){.account-card{animation:none!important}}
.logout-btn-styled {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px;
    background: #2a1111;
    border: 1px solid #5a2222;
    color: #e5b3b3;
    transition: background-color 0.2s, border-color 0.2s;
}
.logout-btn-styled span {
    color: #ff6b6b;
}
.logout-btn-styled:hover {
    background: #3d1515;
    border-color: #8c3333;
}
.infinity-bar {
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #10180c 0%, var(--lime) 50%, #10180c 100%);
    background-size: 200% 100%;
    animation: pulse-glow 2.5s infinite linear;
    border-radius: 2px;
    box-shadow: 0 0 12px #caff5e22;
    margin-bottom: 24px;
}
@keyframes pulse-glow {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
input[type="password"] { font-family: var(--pixel), monospace; -webkit-text-security: asterisk; }

#pass-scramble{display:inline-flex;direction:ltr;gap:4px;letter-spacing:0!important}
.password-glyph{position:relative;display:inline-block;width:1ch;height:1.3em;overflow:hidden}
.password-glyph i{position:absolute;inset:0;font:inherit;font-style:normal;line-height:1.3;animation:password-flow var(--period) ease-in-out var(--phase) infinite}
.password-glyph i:nth-child(2){animation-name:password-flow-next}
@keyframes password-flow{0%,18%,100%{opacity:1;transform:translateY(0);filter:blur(0)}43%,68%{opacity:0;transform:translateY(-.45em);filter:blur(2px)}}
@keyframes password-flow-next{0%,18%,100%{opacity:0;transform:translateY(.45em);filter:blur(2px)}43%,68%{opacity:1;transform:translateY(0);filter:blur(0)}}
.password-paused i,.page-inactive .password-glyph i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.password-glyph i{display:none}.password-glyph::after{content:'•'}}