:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--ease-out-expo:cubic-bezier(.2, .12, 0, 1);--ease-out-soft:cubic-bezier(.2, .12, 0, 1);--motion-fast:.22s;--motion-medium:.38s;--motion-slow:.55s;background:#191919;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{min-width:320px;min-height:100vh;animation:page-enter .7s var(--ease-out-expo) both;background:#191919;margin:0}@keyframes page-enter{0%{opacity:0}to{opacity:1}}button,input{font:inherit}button{color:#222;cursor:pointer;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out-soft), box-shadow var(--motion-fast) ease, background var(--motion-fast) ease;background:#d08fff;border:0;border-radius:.9rem;padding:.8rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}code{color:#d08fff;background:#191919;border:1px solid #9992;border-radius:.6rem;padding:.45rem .6rem;display:inline-block}.shell{width:min(1120px,100% - 2rem);animation:shell-enter .65s var(--ease-out-expo) both;margin:0 auto;padding:3rem 0}.shell--loading{place-items:center;min-height:calc(100vh - 6rem);display:grid}.shell--dashboard{padding-top:2rem}@keyframes shell-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{transition:margin var(--motion-medium) var(--ease-out-expo), gap var(--motion-medium) var(--ease-out-expo);justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.25rem;display:flex}.hero--compact{gap:1rem;margin-bottom:.75rem}.hero--compact .lead{display:none}.hero-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.language-switcher{color:#ddd;cursor:pointer;transition:border-color var(--motion-fast) ease;background:0 0;border:1px solid #9992;border-radius:.9rem;align-items:center;gap:.4rem;padding:.55rem .7rem;display:inline-flex;position:relative}.language-switcher:hover{border-color:#9995}.language-switcher svg,.language-switcher__label{pointer-events:none}.language-switcher svg{color:#999;flex-shrink:0}.language-switcher__label{color:#ddd;font-size:.9rem;font-weight:600}.language-switcher__select{color:#ddd;cursor:pointer;opacity:0;appearance:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-family:inherit;font-size:.9rem;font-weight:600;position:absolute;inset:0}.language-switcher:has(.language-switcher__select:focus-visible){outline-offset:2px;outline:2px solid #9996}.language-switcher__select:focus-visible{outline:none}.language-switcher__select option{color:#222;background:#fff}.hero .lead{transition:opacity var(--motion-medium) var(--ease-out-expo)}.hero h1,.hero-title,.section-heading h2,.screen-title,.profile-card h2{letter-spacing:-.04em;margin:0}.hero h1,.hero-title{max-width:760px;font-size:clamp(2.4rem,8vw,5.5rem);line-height:.95}.hero--compact h1,.hero--compact .hero-title{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.05}.screen-title{view-transition-name:screen-title;width:fit-content;overflow:visible}.lead{color:#666;max-width:680px;font-size:1.08rem;line-height:1.7}.eyebrow{color:#999;letter-spacing:.03em;margin:0 0 1rem;font-size:.9rem;font-weight:600}.card{transition:border-color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out-soft), box-shadow var(--motion-fast) ease;background:#222;border:1px solid #9992;border-radius:2rem;padding:1.4rem}.auth-card{max-width:520px}.view-stage{min-height:320px;position:relative}.view-panel{view-transition-name:main-view;animation:fade-in var(--motion-medium) var(--ease-out-expo) both}.view-panel--dashboard{animation-duration:var(--motion-slow)}.loading-card{justify-items:center;gap:1rem;min-width:min(100%,320px);padding:2rem 1.4rem;display:grid}.spinner{border:3px solid #b767f92e;border-top-color:#a667f9;border-radius:50%;width:2.4rem;height:2.4rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.auth-expand{animation:fade-in var(--motion-fast) ease both;gap:1rem;display:grid}.dashboard-tabs{background:#222;border:1px solid #9992;border-radius:999px;gap:0;width:min(100%,28rem);margin-bottom:1.25rem;padding:.3rem;display:flex;position:relative}.dashboard-tabs__indicator{z-index:0;pointer-events:none;view-transition-name:dashboard-tab-active;background:#d08fff;border-radius:999px;position:absolute}.dashboard-tab{z-index:1;color:#bdbdbd;min-height:2.5rem;box-shadow:none;transition:color var(--motion-medium) var(--ease-out-expo);background:0 0;border:0;border-radius:999px;flex:1 1 0;margin:0;padding:.65rem 1rem;font-weight:600;position:relative}.dashboard-tab__label{display:block}.dashboard-tab[data-tab=home] .dashboard-tab__label{view-transition-name:dashboard-tab-text-home}.dashboard-tab[data-tab=security] .dashboard-tab__label{view-transition-name:dashboard-tab-text-security}.dashboard-tab[data-tab=account] .dashboard-tab__label{view-transition-name:dashboard-tab-text-account}.dashboard-tab:hover:not(:disabled):not([aria-selected=true]){color:#fff;background:#2a2a2a;transform:none}.dashboard-tab[aria-selected=true]{color:#222;background:0 0}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.dashboard-card{animation:fade-in var(--motion-slow) var(--ease-out-expo) both}.dashboard-card:first-child{animation-delay:40ms}.dashboard-card:nth-child(2){animation-delay:80ms}.dashboard-card:nth-child(3){animation-delay:.12s}.dashboard-card:nth-child(4){animation-delay:.16s}.dashboard-card:nth-child(5){animation-delay:.2s}.dashboard-card:nth-child(6){animation-delay:.24s}.sessions-card{grid-column:1/-1}.signout-card-button{color:#fff;width:100%;font:inherit;text-align:center;box-shadow:none;background:#222;border:1px solid #9992;border-radius:2rem;justify-content:center;align-self:start;align-items:center;padding:.8rem 1.4rem;font-weight:700;display:flex}.support-card-button{color:#111;width:100%;font:inherit;text-align:center;box-shadow:none;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out-soft);background:#fff;border:1px solid #d8d8d8;border-radius:2rem;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.4rem;font-weight:700;text-decoration:none;display:flex}.support-card-button:hover{background:#f7f7f7;border-color:#c8c8c8;transform:translateY(-1px)}.switch-account-card-button{color:#fff;width:100%;font:inherit;text-align:center;box-shadow:none;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out-soft);background:#222;border:1px solid #9992;border-radius:2rem;justify-content:center;align-self:start;align-items:center;padding:.8rem 1.4rem;font-weight:700;display:flex}.switch-account-card-button:hover:not(:disabled){border-color:#bbb6;transform:translateY(-1px)}.saved-accounts-card{flex-direction:column;gap:1rem;display:flex}.saved-accounts-list{flex-direction:column;gap:.55rem;display:flex}.saved-account-item{width:100%;color:#ddd;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease;background:#222;border:1px solid #9992;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.saved-account-item:hover:not(:disabled){background:#333}.saved-account-item__nickname{font-weight:700}.saved-account-item__badge{color:#444;letter-spacing:.04em;text-transform:uppercase;background:#e8e8e8;border-radius:999px;flex-shrink:0;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.saved-accounts-add{align-self:center}.saved-accounts-signout{margin-top:.25rem}.switch-account-modal__body{flex-direction:column;gap:.75rem;display:flex}.signout-card-button:hover:not(:disabled){border-color:#bbb6;transform:translateY(-1px)}.change-password-modal .password-change-form{max-width:none}.signout-confirm-modal{gap:1.25rem;display:grid}.signout-confirm-modal__question{margin:0;font-size:1.15rem;font-weight:700;line-height:1.4}.signout-confirm-modal__actions{flex-wrap:wrap;gap:.75rem;display:flex}.bypass-card{grid-column:1/-1}.bypass-card__header{margin-bottom:1rem}.bypass-card__header h2{letter-spacing:-.04em;margin:0}.bypass-devices{gap:.75rem;display:grid}.bypass-card__usage{gap:.85rem;display:grid}.bypass-card__usage .month-progress:not(:first-child),.traffic-progress{margin-top:0}.empty-state{background:#222;border:1px dashed #9992;border-radius:.9rem;padding:.85rem 1rem}.password-change-form{gap:1rem;max-width:420px;display:grid}.profile-card{flex-direction:column;grid-column:1/-1;gap:1rem;display:flex}.profile-card__main{flex:1;min-width:0}.profile-card__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.month-progress{width:100%;margin-top:.85rem}.month-progress__track{margin-top:-.55rem;padding-top:.55rem}.month-progress__segment{position:relative}.month-progress__segment-track{background:#333;border-radius:999px;height:.5rem;display:flex;overflow:hidden}.month-progress__fill{background:#d08fff;border-radius:999px;transition:width .4s}.month-progress__fill--full{box-shadow:0 0 8px #d08fff66}.month-progress__sparkles{z-index:1;pointer-events:none;width:0;height:0;position:absolute;top:22%;right:5px}.month-progress__sparkle{opacity:0;width:4px;height:4px;animation:1.35s ease-out infinite month-progress-sparkle-out;animation-delay:var(--delay);background:#e7c5ff;border-radius:50%;position:absolute;box-shadow:0 0 4px #d08fff,0 0 10px #d08fff99,0 0 30px #9500ff99}@keyframes month-progress-sparkle-out{0%{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.2)}}.month-progress__hint{margin:.55rem 0 0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(32px);animation:bind-overlay-in var(--motion-medium) ease both;background:#1119;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);width:min(100%,420px);max-height:min(100dvh - 2rem,640px);animation:bind-dialog-in var(--motion-medium) var(--ease-out-expo) both;background:#2229;border:1px solid #9992;border-radius:1.5rem;margin:auto;padding:1.4rem;overflow:auto;box-shadow:0 0 64px #1119}@keyframes bind-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes bind-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-header h2{margin:.2rem 0 0}.modal-close{color:#ddd;flex-shrink:0;place-items:center;width:2.5rem;min-height:2.5rem;padding:0;display:grid}.modal-body{gap:1rem;display:grid}.connection-keys-modal{flex-direction:column;width:min(100%,560px);max-height:min(100dvh - 2rem,720px);display:flex;overflow:hidden}.connection-keys-modal__body{scrollbar-width:thin;gap:1rem;min-height:0;display:grid;overflow:hidden auto}.account-settings-actions{margin-top:.25rem}.modal-footer{margin-top:1.25rem;padding-top:1rem}.bind-device-choices{gap:.75rem;display:grid}.choice-button{color:#fff;text-align:left;background:#191919;border:1px solid #9992;border-radius:1rem;gap:.25rem;width:100%;padding:1rem 1.1rem;display:grid}.choice-button:hover:not(:disabled){border-color:#d08fff66;transform:translateY(-1px)}.choice-button--link{text-decoration:none}.choice-button__title{font-size:1rem;font-weight:700}.choice-button__hint{color:#999;font-size:.9rem;font-weight:500}.bind-device-step{justify-items:center;gap:1rem;display:grid}.bind-device-qr{width:220px;height:220px}.bind-device-url{overflow-wrap:anywhere;word-break:break-all;background:#191919;border:1px solid #94a3b824;border-radius:.85rem;width:100%;padding:.85rem 1rem;display:block}.section-heading{margin-bottom:1rem;overflow:visible;justify-content:flex-start!important}.section-heading.row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}form{gap:1rem;display:grid}label{color:#999;gap:.45rem;font-weight:700;display:grid}input{color:#ddd;width:100%;min-height:2.9rem;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease;background:#292929;border:1px solid #9992;border-radius:.85rem;outline:none;padding:.8rem .95rem}input:disabled{color:#999;background:#444}input:focus{border-color:#d08fff}.hint{color:#999;margin:.2rem 0 0;line-height:1.6}.flash-stack{gap:.65rem;margin-bottom:1rem;display:grid}.notice{border-radius:.9rem;justify-content:space-between;align-items:flex-start;gap:.75rem;max-width:780px;padding:.9rem 1rem;font-weight:700;display:flex}.notice__text{flex:1;margin:0;line-height:1.5}.notice-close{width:1.75rem;min-height:1.75rem;color:inherit;opacity:.72;background:0 0;border:0;border-radius:.5rem;flex-shrink:0;padding:0;font-size:1.25rem;line-height:1}.notice-close:hover:not(:disabled){opacity:1;transform:none}.flash-message{animation:flash-in var(--motion-medium) var(--ease-out-expo) both}@keyframes flash-in{0%{opacity:0}to{opacity:1}}.flex-row{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.notice.success{color:#fff;background:#292929;border:1px solid #9992}.notice.error{color:#fecdd3;background:#292929;border:1px solid #9992}.inline-actions{flex-wrap:wrap;gap:.85rem;margin-top:1rem;display:flex}.link-button,.ghost{color:#ddd;background:0 0;border:1px solid #9992}.link-button.no-border{border:none;margin:0;padding:0 .2rem}.secondary{color:#999;background:#222;width:fit-content;margin-bottom:1rem}.danger{color:#ff8f8f;background:#222}.pill,.current{border-radius:999px;align-items:center;font-size:.75rem;font-weight:800;display:inline-flex}.pill{color:#fef3c7;background:#f59e0b33;border:1px solid #fcd34d40;padding:.5rem .75rem}.current{color:#bbf7d0;background:#16a34a2e;margin-left:.55rem;padding:.24rem .5rem}.status-ok{color:#bbf7d0;font-weight:800}.totp-grid{grid-template-columns:180px 1fr;align-items:start;gap:1rem;display:grid}.totp-bind-switch{flex-wrap:wrap;grid-column:1/-1;gap:.65rem;display:flex}.totp-enabled{gap:.85rem;display:grid}.totp-enabled .danger{width:fit-content}.qr-box{background:#f8fafc;border-radius:1rem;place-items:center;width:16em;height:16em;display:grid}.device-list{gap:.85rem;display:grid}.device{animation:fade-in var(--motion-medium) var(--ease-out-expo) both;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease;background:#191919;border:1px solid #94a3b824;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.device h3{margin:0 0 .35rem}.device p{color:#999;margin:0}.device-remove-button{justify-content:center;align-items:center;gap:.35rem;width:fit-content;display:inline-flex}.device-remove-button__icon{display:none}.connect-button{transition:transform var(--motion-fast) var(--ease-out-soft), opacity var(--motion-fast) ease, border-color var(--motion-fast) ease;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.connect-button--limit{cursor:not-allowed;opacity:.55}.connect-button--limit:hover:not(:disabled){opacity:.55;transform:none}.connect-button--limit.connect-button--tap-animate{animation:connect-limit-tap .28s var(--ease-out-soft);transition:none}@keyframes connect-limit-tap{0%{transform:scale(1);box-shadow:0 0 #d08fff00}40%{opacity:.95;transform:scale(.9);box-shadow:0 0 0 6px #d08fff40}to{opacity:.55;transform:scale(1);box-shadow:0 0 #d08fff00}}.connect-button__icon,.connect-button__limit--mobile{display:none}.checkbox{grid-template-columns:auto 1fr;align-items:center;gap:.7rem;margin-bottom:.8rem;display:flex}.checkbox input{width:1.15rem}.connection-keys{gap:1.2rem;display:grid}.connection-keys-group h3{color:#bbb;margin:0 0 .65rem;font-size:.92rem;font-weight:600}.connection-keys-list{gap:.75rem;min-width:0;display:grid}.connection-key-item{gap:.35rem;min-width:0;display:grid}.connection-key-item__label{color:#bbb;font-size:.88rem;font-weight:600;line-height:1.3}.connection-key-row{background:#191919;border:1px solid #9992;border-radius:.85rem;align-items:center;gap:.35rem;width:100%;max-width:100%;min-height:2.65rem;padding:.15rem .4rem .15rem .75rem;display:flex;overflow:hidden}.connection-key-row__code{color:#ddd;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:0;flex:1;min-width:0;max-width:100%;margin:0;padding:.45rem 0;font-size:.82rem;line-height:1.35;overflow:auto hidden}.connection-key-row__code::-webkit-scrollbar{display:none}.connection-key-row__copy{color:#999;cursor:pointer;width:2rem;height:2rem;transition:color var(--motion-fast) ease, background var(--motion-fast) ease;background:0 0;border:0;border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.connection-key-row__copy:hover{color:#ddd;background:#ffffff10}.connection-key-row__copy:focus-visible{outline-offset:1px;outline:2px solid #9996}::view-transition-group(main-view){animation-duration:0s}::view-transition-group(dashboard-tab-active){animation-duration:var(--motion-medium);animation-timing-function:var(--ease-out-expo);z-index:1}::view-transition-old(dashboard-tab-active){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-new(dashboard-tab-active){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-group(dashboard-tab-text-home){animation-duration:var(--motion-medium);animation-timing-function:var(--ease-out-expo);z-index:2}::view-transition-group(dashboard-tab-text-security){animation-duration:var(--motion-medium);animation-timing-function:var(--ease-out-expo);z-index:2}::view-transition-group(dashboard-tab-text-account){animation-duration:var(--motion-medium);animation-timing-function:var(--ease-out-expo);z-index:2}::view-transition-old(dashboard-tab-text-home){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-new(dashboard-tab-text-home){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-old(dashboard-tab-text-security){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-new(dashboard-tab-text-security){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-old(dashboard-tab-text-account){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-new(dashboard-tab-text-account){mix-blend-mode:normal;width:100%;height:100%;animation:none}::view-transition-group(screen-title){animation-duration:.33s;animation-timing-function:var(--ease-out-expo)}::view-transition-old(main-view){mix-blend-mode:normal;object-fit:none}::view-transition-new(main-view){mix-blend-mode:normal;object-fit:none}::view-transition-old(screen-title){animation:blur-out .33s var(--ease-out-expo) forwards}::view-transition-new(screen-title){animation:blur-in .33s var(--ease-out-expo) forwards}::view-transition-old(screen-title){mix-blend-mode:normal;width:100%;height:100%}::view-transition-new(screen-title){mix-blend-mode:normal;width:100%;height:100%}@keyframes blur-out{0%{filter:blur()}10%{opacity:1}to{filter:blur(8px);opacity:0}}@keyframes blur-in{0%{filter:blur(16px);opacity:0}90%{filter:blur()}to{opacity:1}}::view-transition-old(main-view){animation:fade-out var(--motion-medium) ease both}::view-transition-new(main-view){animation:fade-in var(--motion-medium) ease both}@keyframes title-blur-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(10px)}}@keyframes title-blur-in{0%{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (width<=780px){.profile-card,.section-heading.row{flex-direction:column}.hero{align-items:flex-start;gap:1rem}.hero-actions{margin-left:auto}.device-list{gap:.65rem}.device{padding:.85rem}.device-remove-button{width:2.5rem;min-height:2.5rem;padding:0}.device-remove-button__icon{display:block}.device-remove-button__label,.connect-button__desktop-label,.connect-button__limit--desktop{display:none}.connect-button__icon,.connect-button__limit--mobile{display:block}.connect-button:not(:disabled){width:2.5rem;min-height:2.5rem;padding:0}.dashboard-tabs{width:100%}.signout-card-button{grid-column:1/-1}.dashboard,.totp-grid{grid-template-columns:1fr}.qr-box{width:100%}}