.agent-portal{--rp-bg:#f8fafc;--rp-card:#fff;--rp-text:#111827;--rp-muted:#6b7280;--rp-primary:#2563eb;--rp-primary-600:#1d4ed8;--rp-outline:#e5e7eb;--rp-shadow:0 8px 24px #0206170f;--rp-success:#10b981;--rp-wa:#25d366}.agent-portal body,.agent-portal .page-bg{background:var(--rp-bg)}.agent-portal .card{background:var(--rp-card);border:1px solid var(--rp-outline);box-shadow:var(--rp-shadow);border-radius:16px;padding:20px}.agent-portal .portal-title{color:var(--rp-text);letter-spacing:-.01em;margin:8px 0 6px;font-size:24px;line-height:1.2}.agent-portal .portal-sub{color:var(--rp-muted);margin-bottom:16px;font-size:14px}.agent-portal .portal-icon{background:radial-gradient(120px 120px at 50% 0,#2563eb2e,#0000 60%),#eef2ff;border:1px solid #e0e7ff;border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 12px;display:grid}.agent-portal .input{border:1px solid var(--rp-outline);background:#fff;border-radius:12px;height:48px;padding:0 14px 0 44px;font-size:16px;transition:border-color .2s,box-shadow .2s}.agent-portal .input:focus{border-color:var(--rp-primary);outline:none;box-shadow:0 0 0 4px #2563eb1f}.agent-portal .input-wrap{position:relative}.agent-portal .input-wrap .leading-icon{color:#9ca3af;place-items:center;width:22px;display:grid;position:absolute;inset:0 auto 0 12px}.agent-portal .btn{letter-spacing:.01em;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;font-weight:600;transition:transform 20ms ease-in,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.agent-portal .btn:active{transform:translateY(1px)}.agent-portal .btn-primary{background:var(--rp-primary);color:#fff;border:1px solid var(--rp-primary);box-shadow:0 6px 18px #2563eb2e}.agent-portal .btn-primary:hover{background:var(--rp-primary-600);border-color:var(--rp-primary-600)}.agent-portal .btn-outline{color:var(--rp-text);border:1px solid var(--rp-outline);background:#fff}.agent-portal .btn-outline:hover{border-color:#d1d5db}.agent-portal .btn-wa{border-color:#d1fae5}.agent-portal .btn-wa .dot{background:var(--rp-wa);border-radius:999px;width:8px;height:8px;margin-right:8px}.agent-portal .section-caption{color:var(--rp-muted);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:600}.agent-portal .demo-panel{background:linear-gradient(#f3f4f6,#f9fafb);border:1px dashed #d1d5db;border-radius:16px;padding:14px;position:relative}.agent-portal .demo-chip{color:#fff;background:#111827;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #11182740}.agent-portal .demo-hint{color:var(--rp-muted);margin-top:8px;font-size:13px}.agent-portal .kbd{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.agent-portal .stack>*+*{margin-top:12px}.agent-portal .tight>*+*{margin-top:8px}.agent-portal .back-link{color:var(--rp-muted);text-decoration:underline}.agent-portal .back-link:hover{color:var(--rp-text)}