*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{width:100%;max-width:400px}.login-card{background:#fff;border-radius:12px;width:100%;padding:40px;box-shadow:0 10px 40px #0000001a}.login-title{color:#1a202c;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:#718096;text-align:center;margin-bottom:32px;font-size:16px}.login-form{margin-bottom:24px}.error-message{color:#c53030;background-color:#fed7d7;border:1px solid #feb2b2;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.input-group{margin-bottom:20px}.input-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input.disabled{color:#a0aec0;cursor:not-allowed;background-color:#f7fafc;border-color:#e2e8f0}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-btn:disabled{color:#a0aec0;cursor:not-allowed;box-shadow:none;background:#e2e8f0;transform:none}.login-btn.loading{cursor:not-allowed;background:#a0aec0}.auth-toggle{text-align:center;margin-top:16px}.toggle-btn{color:#667eea;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;text-decoration:underline}.toggle-btn:hover{color:#764ba2}.divider{text-align:center;margin:24px 0;position:relative}.divider:before{content:"";background:#e2e8f0;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#718096;background:#fff;padding:0 16px;font-size:14px;position:relative}.social-login{flex-direction:column;gap:12px;display:flex}.social-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.social-icon{width:20px;height:20px}.google-btn:hover{background:#f8faff;border-color:#4285f4}.facebook-btn:hover{background:#f8faff;border-color:#1877f2}.github-btn:hover{background:#f8faff;border-color:#333}.login-footer{text-align:center;margin-top:24px}.login-footer p{color:#718096;font-size:14px}.signup-link{color:#667eea;font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}@media (max-width:480px){.login-card{margin:0 16px;padding:24px}.login-title{font-size:24px}}.success-container{width:100%;max-width:500px}.success-card{text-align:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0000001a}.success-icon{background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.checkmark-icon{width:40px;height:40px}.success-title{color:#10b981;margin-bottom:8px;font-size:28px;font-weight:700}.success-subtitle{color:#718096;margin-bottom:32px;font-size:16px}.user-info{text-align:left;background:#f7fafc;border-radius:8px;margin-bottom:32px;padding:24px}.info-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:#374151;font-size:14px;font-weight:600}.info-value{color:#718096;word-break:break-all;font-size:14px}.session-id{font-family:Courier New,monospace;font-size:12px}.success-actions{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.continue-btn{color:#a0aec0;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:600;position:relative}.coming-soon{margin-top:2px;font-size:12px;font-weight:400;display:block}.success-footer{text-align:center}.success-footer p{color:#718096;font-size:14px}