.login-container{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));z-index:9999;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f77062 100%) 0 0/400% 400%;justify-content:center;align-items:center;animation:15s infinite gradientShift;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-container:before,.login-container:after{content:"";filter:blur(60px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.login-container:before{background:#ffffff4d;width:400px;height:400px;animation:8s ease-in-out infinite float;top:-100px;left:-100px}.login-container:after{background:#ffb6c166;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:-50px;right:-50px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}.login-card{-webkit-backdrop-filter:blur(20px);text-align:center;z-index:1;background:#ffffff26;border:1px solid #ffffff4d;border-radius:24px;width:100%;max-width:420px;padding:48px 40px;animation:.6s ease-out cardAppear;position:relative;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo-wrapper{margin-bottom:16px}.login-logo{filter:drop-shadow(0 4px 12px #00000026)}.login-title{color:#fff;text-shadow:0 2px 10px #0003;letter-spacing:2px;margin-bottom:0;font-size:2.5rem;font-weight:800}.login-sub-title{font-family:var(--font-family-title);color:#fffc;letter-spacing:4px;margin-top:0;margin-bottom:12px;font-size:1rem;font-weight:500}.login-description{color:#ffffffb3;margin-bottom:32px;font-size:.85rem;line-height:1.6}.login-button-area{flex-direction:column;gap:12px;display:flex}.social-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.social-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.social-btn:hover:before{left:100%}.social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.social-btn:active{transform:translateY(0)}.social-btn.google{color:#333;background:#fff;box-shadow:0 2px 10px #0000001a}.social-btn.google:hover{background:#f8f9fa}.social-btn.twitter{color:#fff;background:#000}.social-btn.twitter:hover{background:#1a1a1a}.social-btn.line{color:#fff;background:#06c755}.social-btn.line:hover{background:#05b34c}.social-btn svg,.social-btn img{flex-shrink:0;width:20px;height:20px}@media (max-width:480px){.login-card{max-width:100%;padding:32px 24px}.login-title{font-size:2rem}.social-btn{padding:12px 16px;font-size:.9rem}}