.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-modal{background:#fff;border-radius:24px;padding:48px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.close-modal-btn{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;transition:color .2s}.close-modal-btn:hover{color:var(--text-primary)}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-size:36px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.login-subtitle{color:var(--text-secondary);font-size:14px}.login-illustration{display:flex;justify-content:center;margin-bottom:32px}.illustration-circle{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.emoji{font-size:48px}.login-content{text-align:center}.login-content h2{font-size:24px;margin-bottom:8px}.login-content p{color:var(--text-secondary);margin-bottom:24px}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;background:#fff;border:1px solid var(--border-color);border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.google-login-btn:hover{background:var(--bg-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:32px;text-align:center}.login-footer p{font-size:12px;color:var(--text-secondary)}.login-logo{margin:0;line-height:0}.login-logo-img{height:44px;margin-bottom:10px}