.login-section{background:#fff;padding:40px 25px;transition:all .3s;box-shadow:0 8px 28px #00000014}.login-box{background:#fff;border-radius:18px;padding:40px 30px;transition:all .3s ease-in-out;box-shadow:0 6px 25px #0066dc1a}.login-box:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0066dc26}.title-logo{text-align:center;margin-bottom:25px}.title-logo img{filter:drop-shadow(2px 2px 4px #0000001a);width:300px;max-width:100%;animation:.7s fadeInDown}.guest-order-link{background:linear-gradient(90deg,#0066dc,#1a8af3);font-size:18px;font-weight:700}.login-section .login-from p{text-align:center;color:#475569;margin-bottom:15px;font-size:15px;line-height:1.6}.login-section .login-image{margin-bottom:20px}.login-image img{object-fit:contain;width:120px;height:50px}.login-form-content{background:#f9f9f9;border-radius:14px;padding:30px 20px;transition:background .3s;box-shadow:inset 0 0 6px #00000008}.login-form-content:hover{background:#fdfdfd}.login-form-content .form-control{box-shadow:none;border:1px solid #dce3ee;border-radius:10px;padding:12px 14px;font-size:15px;transition:all .25s}.login-form-content .form-control:focus{border-color:#0066dc;box-shadow:0 0 0 .25rem #0066dc26}.password-eye{color:#5a6c84;cursor:pointer;transition:color .25s;position:absolute;bottom:8px;right:15px}.password-eye:hover{color:#0066dc}.login-button{background:linear-gradient(90deg,#0066dc,#1a8af3)}.login-section .btn-primary{border:none;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .3s}.login-section .btn-primary:hover{background:linear-gradient(90deg,#0053b3,#0f7ee5);transform:scale(1.03);box-shadow:0 4px 15px #0066dc40}.signin-with{text-align:center;color:#334155;margin:20px 0 10px;font-weight:600}.signin-other{text-align:center}.signin-other .other-btn{transition:transform .25s}.signin-other .other-btn:hover{transform:scale(1.05)}.google-auth-btn{letter-spacing:.01em;justify-content:center;align-items:center;gap:10px;width:min(100%,285px);min-height:50px;box-shadow:0 10px 26px #0f172a14,inset 0 1px #ffffffe6;color:#0f172a!important;background:radial-gradient(circle at 0 0,#4285f42e,#0000 34%),radial-gradient(circle at 100% 100%,#34a85324,#0000 32%),linear-gradient(135deg,#fff 0%,#f4f8ff 52%,#eef8f1 100%)!important;border:1px solid #4285f42e!important;border-radius:18px!important;padding:10px 16px!important;font-weight:700!important;display:inline-flex!important}.google-auth-btn:hover,.google-auth-btn:focus{box-shadow:0 14px 30px #4285f429,inset 0 1px #fffffff2;background:radial-gradient(circle at 0 0,#4285f438,#0000 36%),radial-gradient(circle at 100% 100%,#34a8532e,#0000 34%),linear-gradient(135deg,#fff 0%,#edf5ff 52%,#e8f6ed 100%)!important;border-color:#4285f44d!important}.google-auth-btn:disabled{opacity:.85;cursor:not-allowed}.google-auth-btn__icon{background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:70px;height:32px;padding:0 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a0f}.google-auth-btn__g{font-size:20px;font-weight:800;line-height:1}.google-blue{color:#4285f4}.google-red{color:#ea4335}.google-yellow{color:#fbbc05}.google-green{color:#34a853}.google-auth-btn__text{white-space:nowrap;font-size:14px}.google-auth-btn__loader{justify-content:center;align-items:center;min-height:24px;display:inline-flex}.signup-link{text-align:center;color:#475569;margin:0;padding:20px 0 10px;font-size:16px}.signup-link a{color:#0066dc;font-weight:600;text-decoration:none;transition:color .3s}.signup-link a:hover{color:#004fa5}.login-section .form-check-label{color:#475569;font-size:14px}.login-section a{color:#0066dc;font-weight:500;text-decoration:none}.login-section a:hover{text-decoration:underline}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.login-box{padding:30px 25px}}@media (max-width:768px){.login-section{padding:0}.login-section .login-from{padding:25px 15px}.login-box{box-shadow:0 4px 18px #0066dc1a}.title-logo img{width:200px}.login-section .signup-link{font-size:15px}.google-auth-btn{width:100%;max-width:100%}}@media (max-width:480px){.login-box,.login-form-content{padding:20px 15px}.login-section .btn-primary{width:100%}.google-auth-btn{gap:8px;min-height:48px;padding:9px 13px!important}.google-auth-btn__icon{min-width:62px;height:30px;padding:0 8px}.google-auth-btn__g{font-size:17px}.google-auth-btn__text{font-size:13px}}.google-profile-modal .modal-content{border:none;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px #0f172a2e}.google-profile-modal__body{background:radial-gradient(circle at 100% 0,#1a8af32e,#0000 34%),linear-gradient(#fff 0%,#f8fbff 100%);padding:32px 28px 28px;animation:.25s ease-out googleProfileModalIn;position:relative}.google-profile-modal__close{color:#334155;background:#0f172a0f;border:none;border-radius:999px;width:34px;height:34px;font-size:16px;line-height:1;transition:all .2s;position:absolute;top:14px;right:14px}.google-profile-modal__close:hover{color:#0066dc;background:#0066dc1f}.google-profile-modal__badge{color:#0053b3;letter-spacing:.08em;text-transform:uppercase;background:#0066dc14;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.google-profile-modal__title{color:#0f172a;margin:18px 0 8px;font-size:30px;font-weight:700}.google-profile-modal__subtitle{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.google-profile-modal__body .form-label{color:#334155;font-weight:600}.google-profile-modal__body .form-control{background:#ffffffeb;border:1px solid #d7e2f0;border-radius:14px;min-height:52px}.google-profile-modal__body .form-control:focus{border-color:#0066dc;box-shadow:0 0 0 .25rem #0066dc24}.google-profile-modal__error{color:#c62828;margin-bottom:16px;font-size:14px}.google-profile-modal__submit{letter-spacing:.01em;background:linear-gradient(90deg,#0066dc,#1a8af3);border:none;border-radius:14px;width:100%;min-height:50px;font-weight:700}.google-profile-modal__submit:hover{background:linear-gradient(90deg,#0053b3,#0f7ee5)}@keyframes googleProfileModalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:576px){.google-profile-modal__body{padding:28px 20px 22px}.google-profile-modal__title{font-size:24px}}
