@keyframes spin{to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.oauth-main{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 20px 80px}.oauth-card{background:#fff;border-radius:16px;padding:40px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}.oauth-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;animation:spin 1s linear infinite}.oauth-icon,.oauth-spinner{border-radius:50%;margin:0 auto 24px}.oauth-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px}.oauth-icon-success{background:#def7ec;color:#059669}.oauth-icon-error{background:#fde8e8;color:#dc2626}.oauth-heading{font-size:24px;color:#1f2937;margin-bottom:12px;font-weight:600}.oauth-text{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:24px}.oauth-button{display:inline-block;background:#667eea;color:#fff;padding:14px 32px;border-radius:8px;border:none;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s}.oauth-button:hover{background:#5a67d8}.oauth-button:disabled{opacity:.7;cursor:not-allowed}.oauth-button-error{background:#ef4444}.oauth-button-error:hover{background:#dc2626}.oauth-redirect-text{margin-top:16px;font-size:14px;color:#9ca3af}