@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #f4f8ff;--surface: #ffffff;--line: #d4e4f7;--text: #0e1e38;--muted: #4e6a8a;--muted-2: #7189a4;--primary: #00afef;--primary-2: #2563eb;--radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(160deg,#f0f7ff,#e8f2ff)}.ant-btn-primary{background:#1890ff}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,rgba(0,175,239,.14) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(37,99,235,.1) 0%,transparent 50%),#f2f8ff}.auth-page-sales{grid-template-columns:minmax(300px,520px) minmax(360px,460px);gap:28px}.auth-showcase{max-width:520px;padding:34px;border:1px solid rgba(191,219,254,.78);border-radius:14px;background:linear-gradient(180deg,#ffffffdb,#f7fbffeb);box-shadow:0 24px 70px #2563eb24,inset 0 1px #fffffff2}.auth-logo{width:236px;height:auto;display:block;margin-bottom:24px;filter:drop-shadow(0 10px 18px rgba(37,99,235,.14))}.auth-pill{width:fit-content;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:850}.auth-showcase h1{max-width:430px;margin:14px 0 10px;color:var(--text);font-size:38px;line-height:1.08;font-weight:900}.auth-showcase p{max-width:440px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.auth-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.auth-points span{padding:7px 10px;border:1px solid #d9e6f6;border-radius:8px;background:#fff;color:#365579;font-size:12px;font-weight:800}.auth-card{width:min(440px,100%);padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 48px #2563eb1a,0 4px 16px #0000000f,inset 0 1px #fff}.auth-card-wide{width:min(460px,100%);box-shadow:0 24px 70px #2563eb2e,inset 0 1px #fffffff2}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;margin-bottom:20px;border:1px solid var(--line);border-radius:10px;background:#f4f9ff}.auth-tabs button{min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}.auth-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 8px 18px #2563eb1f}.auth-card-head h2{margin:0 0 5px;color:var(--text);font-size:23px;font-weight:900}.auth-card-head p{margin:0 0 18px;color:var(--muted);font-size:13px}.social-grid{display:grid;gap:8px}.social-btn{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:800;cursor:pointer;box-shadow:0 10px 22px #2563eb12}.social-btn:hover{border-color:#bfdbfe;color:#2563eb}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0 4px;color:var(--muted-2);font-size:11px;font-weight:800;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.label{display:block;margin-top:14px;margin-bottom:6px;color:#365579;font-size:12px;font-weight:850}.input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#fff;outline:none}.input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1a}.btn{min-height:42px;border:0;border-radius:8px;font-weight:850;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#2563eb,#00afef);color:#fff;box-shadow:0 14px 28px #2563eb33}.auth-submit{width:100%;margin-top:18px}.auth-link-button{display:block;margin:14px auto 0;border:0;background:transparent;color:#2563eb;font-size:13px;font-weight:800;cursor:pointer}.otp-input{text-align:center;letter-spacing:6px;font-size:20px;font-weight:850}.alert{padding:10px 14px;border-radius:var(--radius);border:1px solid #fecaca;color:#b91c1c;background:#fef2f2;font-size:13px}.success-box{padding:10px 14px;border-radius:var(--radius);border:1px solid #bbf7d0;color:#15803d;background:#f0fdf4;font-size:13px}.page-title{margin:0 0 4px;font-size:24px;line-height:1.2;font-weight:800;color:var(--text)}.page-subtitle{margin:0;color:var(--muted);font-size:13px}@media(max-width:900px){.auth-page-sales{grid-template-columns:1fr}.auth-showcase{display:none}.auth-card{padding:22px}.grid-2{grid-template-columns:1fr}}