@charset "UTF-8";@layer pages{.member-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;position:relative;overflow:hidden}.member-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="loginGrid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23loginGrid)"/></svg>');opacity:.4}.member-container:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;top:10%;right:10%;animation:floatingCircle1 6s ease-in-out infinite}.member-container .login-box{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,0,0,.233);padding:40px 32px;width:100%;max-width:400px;box-shadow:0 20px 40px #667eea33,0 0 0 1px #ffffff1a;position:relative;z-index:1;animation:slideInLogin .8s ease-out}.member-container .login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0}.member-container .login-box .logo-section{text-align:center;margin-bottom:32px}.member-container .login-box .logo-section .logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 8px 24px #667eea4d;animation:logoFloat 3s ease-in-out infinite}.member-container .login-box .logo-section .welcome-text{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.member-container .login-box .logo-section .sub-text{font-size:.95rem;color:#6b7280;line-height:1.4}.member-container .login-box .social-section .social-ment{text-align:center;font-size:1rem;font-weight:600;color:#374151;margin-bottom:24px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;position:relative}.member-container .login-box .social-section .social-ment:before{content:"🚀";position:absolute;left:12px;top:50%;transform:translateY(-50%)}.member-container .login-box .social-section .social-ment span{margin-left:24px}.member-container .login-box .social-section .social-buttons{display:flex;flex-direction:column;gap:12px}.member-container .login-box .social-section .social-buttons .social-button{position:relative;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.member-container .login-box .social-section .social-buttons .social-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.member-container .login-box .social-section .social-buttons .social-button:active{transform:translateY(0)}.member-container .login-box .social-section .social-buttons .social-button a{display:block;position:relative}.member-container .login-box .social-section .social-buttons .social-button a img{width:100%;height:auto;display:block;border-radius:inherit}.member-container .login-box .footer-section{margin-top:32px;text-align:center}.member-container .login-box .footer-section .terms-text{font-size:.8rem;color:#9ca3af;line-height:1.4}.member-container .login-box .footer-section .terms-text a{color:#667eea;text-decoration:none;font-weight:500}.member-container .login-box .footer-section .terms-text a:hover{text-decoration:underline}.member-container .login-box .footer-section .security-badges{display:flex;justify-content:center;gap:16px;margin-top:16px}.member-container .login-box .footer-section .security-badges .badge{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280}.member-container .login-box .footer-section .security-badges .badge i{color:#10b981}@media(max-width:600px){.member-container{padding:16px}.member-container .login-box{padding:32px 24px}.member-container .login-box .logo-section{margin-bottom:24px}.member-container .login-box .logo-section .logo-icon{width:64px;height:64px;font-size:1.6rem}.member-container .login-box .logo-section .welcome-text{font-size:1.5rem}.member-container .login-box .social-section .social-ment{font-size:.9rem;padding:10px}}}@keyframes slideInLogin{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatingCircle1{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(20px,-20px) scale(1.1);opacity:.5}66%{transform:translate(-10px,30px) scale(.9);opacity:.4}}