.modal#login-modal .modal-overlay{background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal#login-modal .modal-container{position:relative;max-width:420px;width:calc(100% - 32px);margin:0 auto;border-radius:24px;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1);overflow:hidden;animation:modalSlideUp .3s cubic-bezier(0.16, 1, 0.3, 1)}.modal#login-modal .modal-header{position:absolute;top:16px;right:16px;z-index:10;padding:0;border:none}.modal#login-modal .modal-header .btn-clear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);transition:all .2s ease}.modal#login-modal .modal-header .btn-clear::before{font-size:18px;color:#64748b}.modal#login-modal .modal-header .btn-clear:hover{background:rgba(239,68,68,.1);transform:rotate(90deg)}.modal#login-modal .modal-header .btn-clear:hover::before{color:#ef4444}.modal#login-modal .modal-body{padding:0}.modal#login-modal .content{display:flex;flex-direction:column;align-items:center;padding:48px 32px 32px;text-align:center}.modal#login-modal .content::before{content:"";display:block;width:72px;height:72px;margin-bottom:20px;background:linear-gradient(135deg, #1a56db 0%, #3b82f6 50%, #60a5fa 100%);border-radius:20px;box-shadow:0 8px 24px rgba(26,86,219,.3),inset 0 1px 0 hsla(0,0%,100%,.2);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");mask-size:40px;-webkit-mask-size:40px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;animation:iconPulse 2s ease-in-out infinite}.modal#login-modal .content .h5{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px 0;line-height:1.3;letter-spacing:-0.02em}.modal#login-modal .content p.invite-credits{font-size:15px;color:#64748b;margin:0 0 28px 0;line-height:1.6}.modal#login-modal .content p.invite-credits span.login.credits{color:#1a56db;font-weight:600;background:linear-gradient(135deg, #1a56db, #3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.modal#login-modal .content .g_id_signin{display:flex;justify-content:center;width:100%;margin-bottom:24px}.modal#login-modal .content .g_id_signin>div{transition:transform .2s ease,box-shadow .2s ease;border-radius:8px !important}.modal#login-modal .content .g_id_signin>div:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}html[site=imageenhan] .modal#login-modal .modal-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #1a56db 0%, #3b82f6 50%, #60a5fa 100%)}html[site=imageenhan] .modal#login-modal .content::after{content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg, transparent, #e2e8f0, transparent);margin-top:8px}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%,100%{transform:scale(1);box-shadow:0 8px 24px rgba(26,86,219,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}50%{transform:scale(1.05);box-shadow:0 12px 32px rgba(26,86,219,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}}@media screen and (max-width: 600px){.modal#login-modal .modal-container{width:calc(100% - 24px);border-radius:20px}.modal#login-modal .content{padding:40px 24px 28px}.modal#login-modal .content::before{width:60px;height:60px;border-radius:16px;margin-bottom:16px;mask-size:32px;-webkit-mask-size:32px}.modal#login-modal .content .h5{font-size:20px}.modal#login-modal .content p.invite-credits{font-size:14px;margin-bottom:24px}}