.auth-card{background:#fff;border-radius:20px;padding:48px 32px;text-align:center;box-shadow:0 20px 60px #0000004d}.logo{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#0096c7,#00c6ff);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.logo-circle{width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#0096c7,#00c6ff);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px #0096c759}.logo-circle img{width:100%;height:100%;object-fit:contain;padding:8px}.auth-card h1{color:#1a1a2e;font-size:24px;margin-bottom:12px}.auth-card p{color:#666;font-size:16px;line-height:1.6;margin-bottom:32px}.btn{display:inline-block;background:linear-gradient(135deg,#0096c7,#0077b6);color:#fff;text-decoration:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;width:100%;margin-bottom:16px;transition:opacity .2s}.btn:hover{opacity:.9}.btn-secondary{background:#f0f0f0;color:#333}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#0096c7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.status{padding:24px;border-radius:12px}.status.error{background:#f8d7da;color:#721c24}.status.error h1{color:#721c24;margin-bottom:8px}.status.error p{color:#721c24;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;max-width:420px}