.login-page{background:var(--bg-page);min-height:100dvh;display:flex}.login-brand{background:linear-gradient(135deg, var(--primary-950) 0%, var(--primary-800) 50%, var(--primary-700) 100%);flex-direction:column;justify-content:center;width:45%;min-height:100vh;padding:3rem;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.login-brand{display:flex}}.login-brand__deco{pointer-events:none;position:absolute;inset:0}.login-brand__circle{opacity:.08;border-radius:50%;position:absolute}.login-brand__circle--1{background:radial-gradient(circle, var(--primary-400), transparent 70%);width:500px;height:500px;top:-120px;right:-100px}.login-brand__circle--2{background:radial-gradient(circle, var(--primary-400), transparent 70%);width:350px;height:350px;bottom:-80px;left:-60px}.login-brand__circle--3{background:radial-gradient(circle, var(--primary-300), transparent 70%);opacity:.05;width:200px;height:200px;top:40%;left:60%}.login-brand__grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.login-brand__content{z-index:1;position:relative}.login-brand__logo{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:2rem;display:inline-flex}.login-brand__title{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}.login-brand__subtitle{color:#ffffff8c;letter-spacing:.05em;margin-bottom:3rem;font-size:.95rem}.login-brand__features{flex-direction:column;gap:1.5rem;display:flex}.login-brand__feature{align-items:flex-start;gap:1rem;display:flex}.login-brand__feature-icon{color:#fffc;background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-brand__feature-title{color:#ffffffe6;margin-bottom:.2rem;font-size:.95rem;font-weight:600}.login-brand__feature-desc{color:#ffffff73;font-size:.8rem;line-height:1.5}.login-brand__footer{z-index:1;margin-top:auto;padding-top:3rem;position:relative}.login-brand__footer p{color:#ffffff4d;font-size:.75rem}.login-form-area{background:var(--bg-page);flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}@media (min-width:1024px){.login-form-area{padding:2rem 4rem}}.login-form-area__inner{width:100%;max-width:420px}.login-form-area__mobile-logo{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}@media (min-width:1024px){.login-form-area__mobile-logo{display:none}}.login-form-area__mobile-logo-icon{background:var(--btn-primary-bg);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-form-area__mobile-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.login-form-area__header{margin-bottom:1.5rem}@media (min-width:1024px){.login-form-area__header{margin-bottom:2rem}}.login-form-area__heading{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.login-form-area__desc{color:var(--text-tertiary);font-size:.875rem}.login-form-area__dev-badge{background:var(--color-status-amber-bg);color:var(--color-status-amber-text);border:1px solid var(--color-status-amber-border);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.login-form-area__dev-dot{background:#eab308;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite login-pulse}.login-form-area__footer{text-align:center;margin-top:2rem}.login-form-area__footer p{color:var(--text-tertiary);font-size:.75rem}.login-test-accounts{background:var(--color-status-purple-bg);border:1px solid var(--color-status-purple-border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.login-test-accounts__toggle{width:100%;color:var(--text-link);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;transition:background .15s;display:flex}.login-test-accounts__toggle:hover{background:var(--color-status-blue-bg)}.login-test-accounts__toggle-left{align-items:center;gap:.5rem;display:flex}.login-test-accounts__count{background:var(--btn-primary-bg);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.login-test-accounts__arrow{width:18px;height:18px;transition:transform .2s}.login-test-accounts__arrow--open{transform:rotate(180deg)}.login-test-accounts__list{flex-direction:column;gap:.5rem;padding:0 1rem 1rem;animation:.2s login-slideDown;display:flex}.login-test-accounts__hint{color:var(--text-link);align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.login-test-accounts__item{background:var(--bg-surface);border:1px solid var(--border-default);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;transition:all .15s;display:flex}.login-test-accounts__item:hover{border-color:var(--btn-primary-bg)}.login-test-accounts__item--active{background:var(--color-status-purple-bg);border-color:var(--color-status-purple-border)}.login-test-accounts__badge{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.login-test-accounts__info{flex:1;min-width:0}.login-test-accounts__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.login-test-accounts__desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.login-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:1.75rem}@media (min-width:640px){.login-card{padding:2rem}}.login-card__error{background:var(--color-status-red-bg);border:1px solid var(--color-status-red-border);color:var(--color-status-red-text);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.login-card__tabs{border-bottom:1px solid var(--border-default);gap:0;margin-bottom:1.5rem;display:flex}.login-card__tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 0;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.login-card__tab:hover{color:var(--text-secondary)}.login-card__tab--active{color:var(--btn-primary-bg);border-bottom-color:var(--btn-primary-bg)}.login-card__form{flex-direction:column;gap:1.25rem;display:flex}.login-card__secure{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:center;align-items:center;gap:.375rem;margin-top:1.25rem;padding-top:1.25rem;font-size:.75rem;display:flex}.login-card__register-link{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.8125rem}.login-card__link{color:var(--text-link);align-items:center;gap:.25rem;margin-left:.25rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.login-card__link:hover{color:var(--btn-primary-hover)}.login-card__sms-status{color:var(--text-link);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.login-field{flex-direction:column;gap:.375rem;display:flex}.login-field__label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.login-field__input-wrap{align-items:center;display:flex;position:relative}.login-field__input-wrap--flex-1{flex:1}.login-field__icon{width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.login-field__input{width:100%;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:10px;outline:none;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;transition:all .2s}.login-field__input::placeholder{color:var(--text-placeholder)}.login-field__input:focus{box-shadow:0 0 0 2px var(--border-focus);border-color:#0000}.login-field__input:disabled{background:var(--bg-disabled);color:var(--text-disabled)}.login-field__input--has-action{padding-right:2.75rem}.login-field__action{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.login-field__action:hover{color:var(--text-secondary)}.login-field__tag{border-radius:4px;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-field__sms-row{align-items:stretch;gap:.5rem;display:flex}.login-field__sms-btn{color:var(--btn-primary-bg);background:var(--bg-surface);border:1px solid var(--btn-primary-bg);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.login-field__sms-btn:hover:not(:disabled){background:var(--btn-primary-bg);color:#fff}.login-field__sms-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes login-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes login-slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}