.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px 32px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000026}.login-title{font-size:28px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:8px}.login-subtitle{color:#666;text-align:center;margin-bottom:32px;font-size:14px}.login-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1.5px solid #e0e0e0}.login-tab{flex:1;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;font-size:15px;color:#999;cursor:pointer;transition:all .2s}.login-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.login-tab:hover:not(.active){color:#666}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative}.input-group input{width:100%;padding:14px 16px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s;outline:none}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group input::placeholder{color:#aaa}.code-group{display:flex;gap:12px}.code-group input{flex:1}.send-code-btn{padding:14px 16px;background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:10px;font-size:14px;color:#667eea;cursor:pointer;white-space:nowrap;transition:all .2s}.send-code-btn:hover:not(:disabled){background:#eef0ff;border-color:#667eea}.send-code-btn:disabled{color:#999;cursor:not-allowed}.error-message{color:#e74c3c;font-size:13px;padding:8px 0}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.divider span{padding:0 16px;color:#999;font-size:13px}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:1.5px solid #e0e0e0;border-radius:10px;background:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.oauth-btn:hover{background:#f8f9fa;border-color:#ccc}.google-btn{color:#333}.apple-btn{color:#000}.email-links{display:flex;justify-content:center;gap:24px;margin-top:4px}.link-btn{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;padding:4px 0}.link-btn:hover{text-decoration:underline}.success-message{color:#27ae60;font-size:13px;padding:8px 0}.success-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.success-card{background:#fff;border-radius:16px;padding:48px 40px;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 60px #00000026}.success-icon{margin-bottom:24px}.success-title{font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:24px}.user-info{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;margin-bottom:24px}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-details{text-align:left}.user-name{font-size:16px;font-weight:600;color:#333}.user-email{font-size:13px;color:#666;margin-top:4px}.countdown-message{color:#666;font-size:14px;line-height:1.6;margin-top:8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Avenir Next,PingFang SC,Segoe UI,sans-serif;min-height:100vh;background:#f7efe3;color:#1c140d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}a,button,input,textarea,select{font:inherit}