.login-page{background:#fff;min-height:100svh}.login-shell{flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;padding:24px 24px 36px;display:flex}.login-header{justify-content:flex-start;margin-bottom:28px;display:flex}.back-btn{color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .18s,transform .18s;display:inline-flex}.back-btn:active{transform:scale(.97)}.back-btn svg{width:24px;height:24px}.login-content{flex-direction:column;flex:1;display:flex}.hero-copy{text-align:right;margin-top:32px;margin-bottom:34px}.page-title{letter-spacing:-.03em;color:#111;margin:0 0 10px;font-size:2.15rem;font-weight:800;line-height:1.2}.page-subtitle{color:#8c8c92;margin:0;font-size:1.02rem;line-height:1.9}.login-form{flex-direction:column;gap:18px;display:flex}.field-block{flex-direction:column;gap:8px;display:flex}.field{cursor:text;background:#ffffffa3;border:1px solid #e6e6eb;border-radius:18px;min-height:76px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block;position:relative}.field:hover{border-color:#d8d8df}.field.is-focused{background:#fff;border-color:#206cec;box-shadow:0 0 0 3px #206cec1f}.field.is-error{background:#fff1f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.field.is-disabled{opacity:.72}.field__input{color:#111;direction:rtl;background:0 0;border:0;border-radius:18px;outline:0;width:100%;height:76px;padding:28px 56px 14px;font-size:1.08rem;font-weight:600}.field__label{color:#8c8c92;pointer-events:none;transform-origin:100% 0;padding:0 4px;font-size:1.04rem;line-height:1;transition:top .18s,font-size .18s,color .18s;position:absolute;top:26px;right:56px}.field.is-focused .field__label,.field.is-filled .field__label{color:#8c8c92;font-size:.82rem;top:10px}.field.is-focused .field__label{color:#206cec}.field.is-error .field__label{color:#dc2626}.field__icon{color:#111;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.field__icon svg{width:22px;height:22px}.field__icon--right{right:18px}.field__icon--left{left:18px}.field__icon-button{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:2;background:0 0;border:0;padding:0;transition:opacity .18s}.field__icon-button:hover{opacity:.78}.field-error{color:#dc2626;text-align:right;margin:0;padding-inline:6px;font-size:.9rem;font-weight:700;line-height:1.6;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.forgot-row{justify-content:flex-start;margin-top:-2px;display:flex}.forgot-link{color:#206cec;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-size:1rem;font-weight:700}.submit-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d8d8dd;border:0;border-radius:18px;justify-content:center;align-items:center;width:100%;height:64px;margin-top:8px;font-size:1.2rem;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .25s;display:flex;position:relative}.submit-btn:disabled{cursor:not-allowed}.submit-btn.is-active{background:#206cec;box-shadow:0 12px 28px #206cec38}.submit-btn.is-active:active{transform:translateY(1px)}.submit-btn.is-loading{background:#206cec}.btn-loader{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:22px;height:22px;animation:.8s linear infinite loginSpin;display:inline-block}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-footer{text-align:center;padding-top:26px}.terms-text{color:#4a4a4f;margin:0;font-size:.98rem;line-height:1.9}.terms-link{color:#111;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.toast{color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:1000;background:#23272f;border-radius:14px;width:min(92vw,520px);padding:18px 22px;font-size:1.12rem;line-height:1.6;transition:opacity .22s,transform .22s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(18px);box-shadow:0 12px 24px #0003}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:420px){.login-shell{padding:20px 16px 32px}.page-title{font-size:1.9rem}.page-subtitle{font-size:.96rem}.field,.field__input{height:70px;min-height:70px}.field__label{top:23px}.submit-btn{height:60px;font-size:1.12rem}}