.login-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#F4F6F9,#ECEEF0);padding:24px}.login-card{width:100%;max-width:448px;background:#FFFFFF;border-radius:24px;border:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:0}.login-card-header{padding:32px 32px 24px;border-bottom:none}.login-card-title{font-size:24px;font-weight:600;line-height:32px;color:#1F2937;margin:0}.login-card-description,.login-card-title{font-family:Roboto,sans-serif;text-align:center}.login-card-description{font-size:14px;font-weight:400;line-height:20px;color:#4A5F7A;margin-top:8px}.login-card-content{padding:24px 32px}.login-form-group{margin-bottom:20px}.login-form-group:last-of-type{margin-bottom:0}.login-label{display:block;font-weight:500;color:#374151;margin-bottom:8px}.login-input,.login-label{font-family:Roboto,sans-serif;font-size:14px;line-height:20px}.login-input{width:100%;height:44px;padding:10px 14px;font-weight:400;color:#1F2937;background:#FFFFFF;border:1px solid #d1d5db;border-radius:12px!important;outline:none;transition:all .2s ease}.login-input::placeholder{color:#9CA3AF}.login-input:focus{border-color:#007BEA;box-shadow:0 0 0 3px rgba(0,123,234,.1)}.login-input:disabled{background:#F3F4F6;cursor:not-allowed;opacity:.6}.login-input-error{border-color:#EF4444}.login-input-error:focus{border-color:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.login-error-message{font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#EF4444;margin-top:6px}.login-card-footer{padding:24px 32px 32px;border-top:none;display:flex;flex-direction:column;gap:16px}.login-submit-button{width:100%;height:44px;padding:10px 20px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;line-height:20px;color:#FFFFFF;background:#007BEA;border:none;border-radius:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.login-submit-button:hover:not(:disabled){background:#0066CC}.login-submit-button:active:not(:disabled){background:#0052A3}.login-submit-button:disabled{background:#9CA3AF;cursor:not-allowed;opacity:.6}.login-separator-wrapper{position:relative;width:100%;margin:8px 0;height:20px;display:flex;align-items:center;justify-content:center}.login-separator-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#D1D5DB;transform:translateY(-50%);z-index:0}.login-separator-text{position:relative;display:inline-flex;font-size:12px;line-height:16px;color:#4A5F7A;text-transform:uppercase;letter-spacing:.5px;padding:0 16px;z-index:1}.login-google-button,.login-separator-text{align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:500;background:#FFFFFF}.login-google-button{width:100%;height:44px;padding:10px 20px;font-size:14px;line-height:20px;color:#1F2937;border:1px solid #d1d5db;border-radius:32px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px}.login-google-button:hover{background:#F9FAFB;border-color:#9CA3AF}.login-google-button:active{background:#F3F4F6}.login-telegram-button{width:100%;height:44px;padding:10px 20px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#FFFFFF;background:#26A5E4;border:none;border-radius:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.login-telegram-button:hover:not(:disabled){background:#1F8DC2}.login-telegram-button:active:not(:disabled){background:#1A75A0}.login-telegram-button:disabled{background:#9CA3AF;cursor:not-allowed;opacity:.6}.login-telegram-widget-container{width:100%;display:flex;align-items:center;justify-content:center;min-height:44px}.login-link-text{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#4A5F7A;text-align:center}.login-link{color:#007BEA;text-decoration:none;font-weight:500;transition:color .2s ease}.login-link:hover{color:#0066CC;text-decoration:underline}.login-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#F4F6F9,#ECEEF0);padding:24px}.login-loading-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#007bea;border-radius:50%;animation:login-spin .8s linear infinite}.login-loading-text{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#4A5F7A;margin-top:16px}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:767px){.login-page-container{padding:16px}.login-card{max-width:100%;border-radius:12px}.login-card-header{padding:24px 24px 20px}.login-card-title{font-size:20px;line-height:28px}.login-card-content{padding:20px 24px}.login-card-footer{padding:20px 24px 24px}.login-form-group{margin-bottom:18px}.login-google-button,.login-input,.login-submit-button{height:42px;font-size:16px}}