*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-container{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;text-align:center;max-width:450px;width:90%}.logo{font-size:48px;margin-bottom:15px}h1{color:#333;font-size:28px;margin-bottom:10px}.subtitle{color:#666;font-size:14px;margin-bottom:30px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:30px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#fdeaea;color:#e74c3c;padding:12px 15px;border-radius:8px;margin-bottom:15px;font-size:13px}.success{background:#eafaf1;color:#27ae60;padding:12px 15px;border-radius:8px;margin-bottom:15px;font-size:13px}.message{background:#eaf4f9;color:#3498db;padding:12px 15px;border-radius:8px;margin-bottom:15px;font-size:13px}.auth-methods{margin-top:20px}.btn{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;margin-top:12px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#f0f0f0;color:#333;margin-top:10px;margin-right:10px}.btn-secondary:hover{background:#e0e0e0}.btn-google{background:white;color:#333;border:2px solid #e0e0e0;margin-bottom:20px}.btn-google:hover{background:#f8f9ff;border-color:#667eea}.google-icon{width:20px;height:20px}.divider{color:#ccc;margin:20px 0;font-size:12px;font-weight:600}.email-form{display:flex;flex-direction:column;gap:12px}.email-form input{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s}.email-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-auth{color:#666;font-size:13px;margin-top:15px}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline;padding:0}.link-btn:hover{color:#764ba2}.success-message{text-align:center}.success-message h2{color:#27ae60;margin-bottom:20px;font-size:22px}.user-info{background:#f8f9ff;padding:15px;border-radius:8px;margin:20px 0;text-align:left}.user-info p{color:#666;font-size:13px;margin:8px 0}.user-info strong{color:#333}.success-message .btn{width:48%;display:inline-flex;margin:10px 1%}@media (max-width: 500px){.auth-container{padding:30px 20px}h1{font-size:24px}.btn{font-size:13px;padding:10px 15px}.success-message .btn{width:100%;margin:8px 0}}