.login-modal.show{opacity:1;visibility:visible}.login-box{background:rgba(255,255,255,.95);border-radius:28px;padding:35px 28px;text-align:center;position:relative;animation:.35s popup;box-shadow:0 25px 60px rgba(0,0,0,.18)}@keyframes popup{from{transform:translateY(35px) scale(.9);opacity:0}to{transform:none;opacity:1}}.login-icon{width:90px;height:90px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#ff3165,#ff7a97);display:flex;align-items:center;justify-content:center;font-size:46px;color:#fff;box-shadow:0 15px 35px rgba(255,49,101,.35);animation:2.5s infinite float}@keyframes float{50%{transform:translateY(-10px)}}.login-box h2{margin:22px 0 10px;font-size:28px;color:#222}.login-box p{color:#666;line-height:1.7;font-size:15px}.google-login-btn{margin-top:28px;width:100%;height:56px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border-radius:16px;font-size:16px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.25s}.google-login-btn:hover{transform:translateY(-3px)}.close-login{position:absolute;right:18px;top:18px;width:38px;height:38px;border:none;border-radius:50%;background:#f4f4f4;cursor:pointer;font-size:18px}@media(max-width:600px){.login-box{padding:30px 20px}.login-box h2{font-size:24px}}