.login-popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99999;background-color:#00000080;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:fixed;inset:0}.login-popup{z-index:99999;background-color:#fff;border-radius:12px;width:90%;max-width:400px;padding:40px;position:relative;box-shadow:0 4px 20px #00000026}.login-popup__close{cursor:pointer;color:#394547;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:color .2s;display:flex;position:absolute;top:16px;right:16px}.login-popup__close:hover{color:#032b41}.login-popup__title{color:#032b41;text-align:center;margin-bottom:24px;font-size:24px;font-weight:700}.login-popup__btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:16px;font-weight:500;transition:background-color .2s,transform .1s;display:flex}.login-popup__btn:active{transform:translateY(1px)}.login-popup__btn--guest{color:#fff;background-color:#0365f2}.login-popup__btn--guest:hover{background-color:#0255d1}.login-popup__btn--google{color:#fff;background-color:#0365f2}.login-popup__btn--google:hover{background-color:#0255d1}.login-popup__btn--submit{color:#032b41;background-color:#2bd97c;margin-top:16px}.login-popup__btn--submit:hover{background-color:#20ba68}.login-popup__btn-icon{object-fit:contain;width:20px;height:20px}.login-popup__divider{align-items:center;gap:16px;margin:24px 0;display:flex}.login-popup__divider-line{background-color:#e0e0e0;flex:1;height:1px}.login-popup__divider-text{color:#6b757b;font-size:14px;font-weight:400}.login-popup__form{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.login-popup__input{color:#032b41;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;height:48px;padding:0 16px;font-size:16px;transition:border-color .2s}.login-popup__input:focus{border-color:#0365f2}.login-popup__input::placeholder{color:#6b757b}.login-popup__link{text-align:center;color:#0365f2;margin-top:12px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.login-popup__link:hover{color:#0255d1;text-decoration:underline}.login-popup__error{color:#c33;text-align:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.login-popup__btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.login-popup{max-width:380px;padding:32px 24px}.login-popup__title{margin-bottom:20px;font-size:20px}.login-popup__btn,.login-popup__input{height:44px;font-size:15px}.login-popup__divider{margin:20px 0}.login-popup__divider-text,.login-popup__link{font-size:13px}.login-popup__error{padding:10px;font-size:13px}}@media (max-width:576px){.login-popup{width:95%;max-width:100%;padding:24px 20px}.login-popup__title{margin-bottom:16px;font-size:18px}.login-popup__btn{gap:10px;height:40px;font-size:14px}.login-popup__input{height:40px;padding:0 14px;font-size:14px}.login-popup__divider{gap:12px;margin:16px 0}.login-popup__divider-text{font-size:12px}.login-popup__form{gap:14px}.login-popup__link{margin-top:10px;font-size:12px}.login-popup__error{margin-top:12px;padding:8px;font-size:12px}.login-popup__close{font-size:20px;top:12px;right:12px}}