/* ═══════════════════════════════════════════════════════════════════════════
   ra-auth.css — the auth surface: sign in, sign up, social signup, reset,
   activation, packages.
   Built by tools/build-auth-css.mjs — do not hand-edit; edit a source part.
   Merged from, in original cascade order:
     · remoteagent-sign.css
     · agent-theme.css
     · agent-shell.css
     · agent-ui.css
     · _agent_assets.tpl (inline <style>)
     · sign.tpl (inline <style>)
   Every colour, radius and font-size resolves to an ra.css token
   (tools/retoken.mjs). The sheets' private token layers (--bg/--ink/--cyan,
   --agent-*) are resolved away, so both themes come from ra.css instead of from
   a second palette. Theme switch: data-ra-theme on <html> (system preference
   when the attribute is absent).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── from remoteagent-sign.css ── */

/* RemoteAgent Online - sign in / sign up UI matching the landing (index) */
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{background:var(--ra-bg);background-image:radial-gradient(1100px 560px at 82% -8%,color-mix(in srgb, var(--ra-accent-text) 10%, transparent),transparent 60%),radial-gradient(900px 520px at 8% 108%,color-mix(in srgb, var(--ra-accent-text) 10%, transparent),transparent 60%);min-height:100vh;color:var(--ra-ink)}
.container.mt30{padding-bottom:60px}
/* card */
.card-register{background:var(--ra-panel);border:1px solid var(--ra-line-strong);border-radius:var(--r-lg);box-shadow:var(--ra-sh2);overflow:hidden;max-width:520px;margin:0 auto}
.card-register .card-header{background:transparent;border-bottom:1px solid var(--ra-line-strong);padding:28px 28px 18px;text-align:center}
.card-register .card-title{color:var(--ra-ink);font-weight:800;font-size:var(--fs-lg);letter-spacing:-.01em;margin:0 0 2px}
.card-register .card-header p{color:var(--ra-muted);margin:8px 0 0;font-size:var(--fs-base)}
.card-register .card-body{padding:24px 28px 30px}
/* inputs */
.card-register .input-group{border:1px solid var(--ra-line-strong);border-radius:var(--r-md);overflow:hidden;transition:border-color .15s,box-shadow .15s;background:var(--ra-panel)}
.card-register .input-group:focus-within{border-color:var(--ra-accent);box-shadow:var(--ra-sh1)}
.card-register .form-control{border:0;border-radius:0;padding:12px 14px;font-size:var(--fs-base);color:var(--ra-ink);background:var(--ra-panel)}
.card-register .form-control:focus{box-shadow:var(--ra-sh1);border:0;background:var(--ra-panel)}
.card-register .form-control::placeholder{color:var(--ra-muted)}
.card-register .input-group-text{border:0;background:var(--ra-panel);color:var(--ra-muted);padding-left:14px;padding-right:6px}
/* labels, links, checks */
.card-register .form-check-label{color:var(--ra-muted);font-size:var(--fs-base)}
.card-register a{color:var(--ra-accent-text);text-decoration:none;font-weight:600}
.card-register a:hover{color:var(--ra-accent-text);text-decoration:underline}
.card-register .form-check-input:checked{background-color:var(--ra-accent-soft);border-color:var(--ra-accent)}
/* primary button */
.card-register .btn-primary{background-color:var(--ra-accent)!important;border:0;border-radius:var(--r-md);padding:13px 20px;font-weight:700;font-size:var(--fs-base);color:var(--ra-accent-ink)!important;box-shadow:var(--ra-sh2);transition:filter .15s,transform .15s}
.card-register .btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);background-color:var(--ra-accent)!important;color:var(--ra-accent-ink)!important}
.card-register .btn-primary:focus{box-shadow:var(--ra-sh1)}
/* alerts */
.card-register .alert{border-radius:var(--r-md)}
/* social login buttons */
.card-register .btn-social{border-radius:var(--r-md);border:1px solid var(--ra-line-strong);background:var(--ra-panel);color:var(--ra-ink);font-weight:600}
.card-register .btn-social:hover{background:var(--ra-panel);color:var(--ra-ink)}
/* header & footer chrome */
.navbar{background:var(--ra-panel);border-bottom:1px solid var(--ra-line-strong)}
.navbar a,.navbar .navbar-nav .nav-link{color:var(--ra-ink)}
.main-footer,.footer,footer{color:var(--ra-muted)}
@media (max-width:767px){
  .card-register .card-header{padding:22px 18px 14px}
  .card-register .card-body{padding:18px 18px 24px}
}

/* ── from agent-theme.css ── */
/* Theme controls shared across remoteagent.online. Dark is the default. */
:root{}
body:has(.agent-nav),body:has(.mw-shell){margin:0!important;background:var(--agent-bg)!important;color:var(--agent-ink)!important}
.agent-theme-toggle{width:34px;height:34px;border:1px solid var(--ra-line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--ra-panel) 6%, transparent);color:var(--ra-ink-2);font-size:var(--fs-base);line-height:1;cursor:pointer;display:inline-grid;place-items:center;flex:0 0 auto;box-shadow:inset 0 1px 0 var(--ra-line);transition:background .16s,border-color .16s,color .16s,transform .16s}
.agent-theme-toggle:hover{background:var(--ra-accent-soft);border-color:var(--ra-accent);color:var(--ra-accent-text);transform:translateY(-1px)}
.agent-theme-toggle:focus-visible{outline:2px solid var(--ra-accent);outline-offset:2px;box-shadow:var(--ra-sh1)}
html[data-ra-theme="light"] .agent-theme-toggle{background:var(--ra-bg);border-color:var(--ra-line-strong);color:var(--ra-ink);box-shadow:var(--ra-sh1)}
html[data-ra-theme="dark"] .agent-nav-full{background:color-mix(in srgb, var(--ra-bg) 88%, transparent)!important;border-color:var(--agent-line)!important;box-shadow:var(--ra-sh1)}
html[data-ra-theme="dark"] .agent-nav-brand-copy strong{color:var(--agent-ink)!important}
html[data-ra-theme="dark"] .agent-nav-brand-copy small,html[data-ra-theme="dark"] .agent-nav-label,html[data-ra-theme="dark"] .agent-nav-console a,html[data-ra-theme="dark"] .agent-nav-resources summary{color:var(--agent-muted)!important}
html[data-ra-theme="dark"] .agent-nav-console a:hover{background:color-mix(in srgb, var(--ra-panel) 7%, transparent)!important;color:var(--agent-ink)!important}
html[data-ra-theme="dark"] .agent-resource-menu{border-color:var(--agent-line)!important;background:var(--ra-panel-2)!important;box-shadow:var(--ra-sh2)}
html[data-ra-theme="dark"] .agent-resource-menu a{color:var(--ra-muted)!important}
html[data-ra-theme="dark"] .agent-resource-menu a:hover{background:var(--ra-accent-soft)!important;color:var(--ra-accent-text)!important}
html[data-ra-theme="dark"] .agent-shell{background:radial-gradient(circle at 5% 0,var(--ra-accent-soft),transparent 28%),var(--agent-bg)!important}
html[data-ra-theme="dark"] .agent-shell .card,html[data-ra-theme="dark"] .agent-shell .auth-card,html[data-ra-theme="dark"] .agent-shell .agent-packages-card{background:var(--agent-surface)!important;border-color:var(--agent-line)!important;color:var(--agent-ink)!important}
html[data-ra-theme="dark"] .agent-shell h1,html[data-ra-theme="dark"] .agent-shell h2,html[data-ra-theme="dark"] .agent-shell h3{color:var(--agent-ink)!important}
html[data-ra-theme="dark"] .agent-shell p,html[data-ra-theme="dark"] .agent-shell label,html[data-ra-theme="dark"] .agent-shell .text-muted{color:var(--agent-muted)!important}
html[data-ra-theme="dark"] .agent-shell input,html[data-ra-theme="dark"] .agent-shell select{background:color-mix(in srgb, var(--ra-panel) 5%, transparent)!important;border-color:var(--agent-line)!important;color:var(--agent-ink)!important}
html[data-ra-theme="light"] .mw-shell{background:linear-gradient(135deg,var(--ra-panel),var(--ra-panel) 54%,var(--ra-panel-2))!important}
html[data-ra-theme="light"] .mw-topbar{background:color-mix(in srgb, var(--ra-panel) 92%, transparent)!important;border-color:var(--ra-line-strong)!important}
html[data-ra-theme="light"] .mw-c,html[data-ra-theme="light"] .mw-sc{background:color-mix(in srgb, var(--ra-panel) 86%, transparent)!important;border-color:var(--ra-line-strong)!important;color:var(--ra-ink)!important}
html[data-ra-theme="light"] .mw-c h3,html[data-ra-theme="light"] .mw-sv,html[data-ra-theme="light"] .mw-greet h1{color:var(--ra-ink)!important}
html[data-ra-theme="light"] .mw-console-menu summary{background:var(--ra-panel)!important;border-color:var(--ra-line-strong)!important;color:var(--ra-ink)!important}
html[data-ra-theme="light"] .mw-console-menu-panel{background:var(--ra-panel)!important;border-color:var(--ra-line-strong)!important}
html[data-ra-theme="light"] .mw-console-menu-panel .mw-cm-user{color:var(--ra-ink)!important;border-color:var(--ra-line-strong)!important}
html[data-ra-theme="light"] .mw-console-menu-panel a{color:var(--ra-ink)!important}
html[data-ra-theme="light"] .mw-console-menu-panel a:hover{background:var(--ra-panel)!important;color:var(--ra-accent-text)!important}
html[data-ra-theme="light"] .mw-utility-dock{background:color-mix(in srgb, var(--ra-panel) 92%, transparent)!important;border-color:var(--ra-line-strong)!important;box-shadow:var(--ra-sh2)}
body:has(.mw-shell) .main-header,body:has(.mw-shell) .footer{display:none!important}
body:has(.mw-shell) #main-wrapper,body:has(.mw-shell) .main-wrapper{margin-top:0!important;padding-top:0!important}
body:has(.mw-shell) .container-fluid{padding-left:0!important;padding-right:0!important}
@media(max-width:760px){.agent-nav-full{height:auto!important;min-height:64px!important;padding:10px 16px!important}.agent-nav-console{display:none!important}.agent-nav-end{gap:8px!important}.agent-nav-resources{display:none!important}.agent-nav-action{font-size:var(--fs-xs)!important}.mw-theme-toggle{width:34px;height:34px}}

/* ── from agent-shell.css ── */
/* Shared remoteagent.online navigation and footer shell. */
body:has(.agent-nav) .main-header{display:none!important}body:has(.agent-nav) .footer{display:none!important}.agent-nav-full{height:74px;display:flex;align-items:center;gap:22px;padding:0 max(20px,calc((100vw - 1240px)/2));background:color-mix(in srgb, var(--ra-panel) 94%, transparent);border-bottom:1px solid var(--ra-line-strong);box-shadow:var(--ra-sh1);position:relative;z-index:20;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.agent-nav-full .agent-nav-brand{flex-shrink:0}.agent-nav-brand-copy{display:flex;flex-direction:column;gap:1px}.agent-nav-brand-copy strong{color:var(--ra-ink);font-size:var(--fs-base);letter-spacing:-.045em}.agent-nav-brand-copy small{color:var(--ra-muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em}.agent-nav-console{display:flex;align-items:center;gap:3px;min-width:0}.agent-nav-label{margin-right:5px;color:var(--ra-muted);font-size:var(--fs-xs);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.agent-nav-console a{padding:7px 9px;border-radius:var(--r-sm);color:var(--ra-muted);font-size:var(--fs-sm);font-weight:700;text-decoration:none;white-space:nowrap}.agent-nav-console a:hover{background:var(--ra-panel);color:var(--ra-ink)}.agent-nav-end{display:flex;align-items:center;gap:12px;margin-left:auto}.agent-nav-resources{position:relative}.agent-nav-resources summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;color:var(--ra-muted);font-size:var(--fs-sm);font-weight:700}.agent-nav-resources summary::-webkit-details-marker{display:none}.agent-nav-resources summary span{font-size:var(--fs-base);line-height:1}.agent-nav-resources[open] summary{color:var(--ra-ink)}.agent-resource-menu{position:absolute;top:28px;right:0;z-index:30;display:grid;min-width:205px;padding:7px;border:1px solid var(--ra-line-strong);border-radius:var(--r-md);background:var(--ra-panel);box-shadow:var(--ra-sh2)}.agent-resource-menu a{padding:8px 10px;border-radius:var(--r-sm);color:var(--ra-muted);font-size:var(--fs-sm);font-weight:650;text-decoration:none}.agent-resource-menu a:hover{background:var(--ra-panel);color:var(--ra-ink)}.agent-site-footer{margin-top:0;background:var(--ra-bg);color:var(--ra-muted);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.agent-site-footer-in{display:flex;gap:48px;align-items:flex-start;max-width:1180px;margin:0 auto;padding:42px 24px 32px}.agent-footer-brand{display:flex;align-items:flex-start;gap:12px;min-width:245px}.agent-footer-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--ra-line-strong);border-radius:var(--r-md);background:linear-gradient(145deg,var(--ra-panel-2),var(--ra-bg));color:var(--ra-accent-text);font-size:var(--fs-base);font-weight:850}.agent-footer-brand strong{display:block;color:var(--ra-ink);font-size:var(--fs-base);letter-spacing:-.04em}.agent-footer-brand p{margin:4px 0 0;color:var(--ra-muted);font-size:var(--fs-xs);line-height:1.45}.agent-footer-columns{display:flex;gap:56px;flex-wrap:wrap}.agent-footer-columns>div{display:flex;flex-direction:column;gap:7px}.agent-footer-columns h2{margin:0 0 4px;color:var(--ra-muted);font-size:var(--fs-xs);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.agent-footer-columns a{color:var(--ra-muted);font-size:var(--fs-sm);text-decoration:none}.agent-footer-columns a:hover{color:var(--ra-ink)}.agent-footer-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;margin-left:auto}.agent-footer-status{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--ra-ok);border-radius:var(--r-md);background:var(--ra-ok-soft)}.agent-footer-status i{width:7px;height:7px;border-radius:50%;background:var(--ra-ok-soft);box-shadow:var(--ra-sh1)}.agent-footer-status b,.agent-footer-status small{display:block}.agent-footer-status b{color:var(--ra-ok);font-size:var(--fs-xs)}.agent-footer-status small{margin-top:2px;color:var(--ra-muted);font-size:var(--fs-xs)}.agent-footer-github{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 13px;border:1px solid var(--ra-accent);border-radius:var(--r-pill);background:var(--ra-accent-soft);color:var(--ra-muted);font-size:var(--fs-xs);font-weight:800;text-decoration:none}.agent-footer-github:hover{background:var(--ra-accent-soft);color:var(--ra-ink)}.agent-footer-bottom{display:flex;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto;padding:15px 24px;border-top:1px solid var(--ra-line);color:var(--ra-muted);font-size:var(--fs-xs)}@media(max-width:1040px){.agent-nav-console{overflow-x:auto}.agent-nav-console::-webkit-scrollbar{display:none}.agent-site-footer-in{gap:30px;flex-wrap:wrap}.agent-footer-side{margin-left:0;align-items:flex-start}}@media(max-width:760px){.agent-nav-full{height:auto;min-height:65px;flex-wrap:wrap;padding:10px 16px;gap:10px}.agent-nav-console{order:3;width:100%;padding-top:8px;border-top:1px solid var(--ra-line-strong)}.agent-nav-console a{padding:6px 8px;font-size:var(--fs-xs)}.agent-nav-label{display:none}.agent-nav-end{margin-left:auto}.agent-nav-resources{display:none}.agent-site-footer-in{padding:32px 20px 26px}.agent-footer-columns{gap:34px}.agent-footer-bottom{padding:14px 20px;flex-direction:column}.agent-auth-page{min-height:calc(100vh - 118px)}}

/* Typography unified with the console: one system stack across the product. */
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* ── from agent-ui.css ── */
/* Shared remoteagent.online application skin — scoped to custom Sngine pages. */
:root{--agent-max:1180px;--agent-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--agent-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.agent-nav{height:73px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - var(--agent-max))/2));background:color-mix(in srgb, var(--ra-panel) 92%, transparent);border-bottom:1px solid var(--agent-line);backdrop-filter:blur(18px);position:relative;z-index:5;font-family:var(--agent-font)}
.agent-nav-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ra-ink);font-size:var(--fs-md);font-weight:800;letter-spacing:-.045em;text-decoration:none}.agent-nav-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ra-line-strong);border-radius:var(--r-sm);background:linear-gradient(145deg,var(--ra-panel-2),var(--ra-bg));color:var(--ra-accent-text);font-size:var(--fs-base)}.agent-nav-links{display:flex;align-items:center;gap:18px}.agent-nav-links a{color:var(--agent-muted);font-size:var(--fs-sm);font-weight:700;text-decoration:none}.agent-nav-links a:hover{color:var(--ra-ink)}.agent-nav-action{display:inline-flex!important;align-items:center;min-height:36px;padding:0 13px;border-radius:var(--r-pill);background:var(--agent-ink);color:var(--ra-ink)!important}
.agent-auth-page{min-height:calc(100vh - 73px);padding:56px 24px 72px;background:radial-gradient(circle at 78% 0,var(--ra-accent-soft),transparent 31%),radial-gradient(circle at 12% 28%,var(--ra-accent-soft),transparent 30%),linear-gradient(135deg,var(--ra-bg),var(--ra-panel-2) 74%,var(--ra-panel-2));font-family:var(--agent-font)}
.agent-auth-wrap{width:min(100%,480px);margin:0 auto}.agent-auth-kicker{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 0 13px;color:var(--agent-cyan);font-size:var(--fs-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.agent-auth-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ra-ok-soft);box-shadow:var(--ra-sh1)}.agent-auth-heading{margin:0 0 7px;color:var(--ra-ink);font-size:clamp(31px,5vw,43px);font-weight:820;line-height:1.03;letter-spacing:-.065em;text-align:center}.agent-auth-copy{margin:0 0 26px;color:var(--ra-muted);font-size:var(--fs-base);line-height:1.6;text-align:center}.agent-auth-page .card-register,.agent-auth-social .card{border:1px solid var(--ra-line);border-radius:var(--r-lg);background:var(--ra-bg);box-shadow:var(--ra-sh2);overflow:hidden}.agent-auth-page .card-header{padding:27px 30px 8px;border:0;background:transparent;text-align:center}.agent-auth-page .card-header .card-title{margin:0;color:var(--ra-ink);font-size:var(--fs-lg);font-weight:780;letter-spacing:-.04em}.agent-auth-page .card-header p{margin:7px 0 0;color:var(--agent-muted);font-size:var(--fs-sm)}.agent-auth-page .card-body{padding:20px 30px 30px}.agent-auth-page .form-group{margin-bottom:15px}.agent-auth-page .input-group{overflow:hidden;border:1px solid var(--agent-line);border-radius:var(--r-md);transition:border-color .15s,box-shadow .15s}.agent-auth-page .input-group:focus-within{border-color:var(--ra-accent);box-shadow:var(--ra-sh1)}.agent-auth-page .input-group-text{min-width:43px;justify-content:center;border:0!important;color:var(--ra-muted)}.agent-auth-page .form-control,.agent-auth-page .form-select{min-height:45px;border:0!important;box-shadow:var(--ra-sh1);color:var(--ra-ink);font-size:var(--fs-base)}.agent-auth-page .form-control::placeholder{color:var(--ra-muted)}.agent-auth-page .form-check{font-size:var(--fs-sm);color:var(--agent-muted)}.agent-auth-page .form-check-input:checked{background-color:var(--ra-accent-soft);border-color:var(--ra-accent)}.agent-auth-page a:not(.agent-nav-brand){color:var(--ra-accent-text);font-weight:700;text-decoration:none}.agent-auth-page a:hover{text-decoration:underline}.agent-auth-page .btn-primary{min-height:47px;border:0;border-radius:var(--r-pill);background-color:var(--ra-accent)!important;color:var(--ra-accent-ink)!important;font-size:var(--fs-sm);font-weight:800;box-shadow:var(--ra-sh2)}.agent-auth-page .btn-primary:hover{background-color:var(--ra-accent)!important;color:var(--ra-accent-ink)!important;transform:translateY(-1px)}.agent-auth-page .alert{border-radius:var(--r-md);font-size:var(--fs-sm)}.agent-auth-page .mt30.text-center{padding-top:5px;color:var(--agent-muted);font-size:var(--fs-sm)}.agent-auth-foot{margin-top:22px;color:var(--ra-muted);font-size:var(--fs-xs);line-height:1.6;text-align:center}.agent-auth-foot a{color:var(--ra-muted)!important}
.agent-auth-social{padding-top:46px}.agent-auth-social .page-header{max-width:560px;margin:0 auto 18px;padding:0;background:none!important;color:var(--ra-ink)!important}.agent-auth-social .page-header img,.agent-auth-social .page-header .circle-2,.agent-auth-social .page-header .circle-3{display:none!important}.agent-auth-social .page-header .inner{padding:0!important}.agent-auth-social .page-header h2{margin:0 0 6px;color:var(--ra-ink);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.05em}.agent-auth-social .page-header p{margin:0;color:var(--ra-muted);font-size:var(--fs-base)}.agent-auth-social .card{padding:0!important}.agent-auth-social .card h3{color:var(--ra-ink);font-size:var(--fs-lg);font-weight:780}.agent-auth-social .card .img-thumbnail{border:3px solid var(--ra-line-strong);box-shadow:var(--ra-sh1)}.agent-auth-social .fr_auth_form{padding:0 4px}.agent-auth-social .fr_welcome_field{border:1px solid var(--agent-line);border-radius:var(--r-md);margin-bottom:13px}.agent-auth-social .fr_welcome_field input,.agent-auth-social .fr_welcome_field select{min-height:45px;border:0;border-radius:var(--r-md);box-shadow:var(--ra-sh1)}.agent-auth-social .fr_welcome_btn{border-radius:var(--r-pill);background:var(--agent-cyan)!important;color:var(--ra-ink)!important;font-weight:800!important}
.agent-packages{min-height:calc(100vh - 73px);padding-bottom:72px;background:var(--ra-bg);font-family:var(--agent-font)}.agent-packages-hero{padding:72px 24px 96px;color:var(--ra-ink);background:radial-gradient(circle at 78% 4%,var(--ra-accent-soft),transparent 28%),radial-gradient(circle at 8% 28%,var(--ra-accent-soft),transparent 30%),linear-gradient(135deg,var(--ra-bg),var(--ra-panel-2) 72%,var(--ra-panel-2))}.agent-packages-inner{width:min(100%,var(--agent-max));margin:0 auto}.agent-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--agent-cyan);font-size:var(--fs-xs);font-weight:820;letter-spacing:.14em;text-transform:uppercase}.agent-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--ra-ok-soft);box-shadow:var(--ra-sh1)}.agent-packages-hero h1{max-width:710px;margin:18px 0 14px;font-size:clamp(39px,5.5vw,65px);font-weight:820;line-height:.99;letter-spacing:-.07em}.agent-packages-hero h1 span{color:var(--agent-cyan)}.agent-packages-hero p{max-width:650px;margin:0;color:var(--ra-muted);font-size:var(--fs-base);line-height:1.68}.agent-plan-area{width:min(100% - 48px,var(--agent-max));margin:-45px auto 0;position:relative}.agent-plan-alert{margin:0 0 20px;border:1px solid var(--ra-warn);border-radius:var(--r-md);background:var(--ra-panel);color:var(--ra-warn);padding:13px 15px;font-size:var(--fs-sm)}.agent-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;justify-content:center}.agent-plan{display:flex;flex-direction:column;min-height:430px;border:1px solid var(--agent-line);border-radius:var(--r-lg);background:var(--ra-panel);box-shadow:var(--ra-sh2);overflow:hidden;transition:transform .18s,box-shadow .18s}.agent-plan:hover{transform:translateY(-3px);box-shadow:var(--ra-sh2)}.agent-plan-top{padding:26px 27px 20px;background:linear-gradient(145deg,var(--ra-panel),var(--ra-panel));border-bottom:1px solid var(--ra-line-strong)}.agent-plan-name{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;color:var(--ra-ink);font-size:var(--fs-lg);font-weight:800;letter-spacing:-.045em}.agent-plan-icon{width:39px;height:39px;object-fit:contain}.agent-plan-price{display:flex;align-items:baseline;gap:8px;margin:20px 0 3px;color:var(--ra-ink)}.agent-plan-price strong{font-size:var(--fs-2xl);line-height:1;font-weight:820;letter-spacing:-.07em}.agent-plan-price span{color:var(--agent-muted);font-size:var(--fs-sm);font-weight:700}.agent-plan-description{margin:0;color:var(--agent-muted);font-size:var(--fs-sm);line-height:1.6}.agent-plan-features{display:grid;gap:13px;flex:1;padding:23px 27px;margin:0;list-style:none}.agent-plan-features li{position:relative;padding-left:24px;color:var(--ra-ink);font-size:var(--fs-sm);line-height:1.45}.agent-plan-features li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ra-panel-2);color:var(--ra-ok);font-size:var(--fs-xs);font-weight:900}.agent-plan-footer{padding:0 27px 27px}.agent-plan-button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:47px;border:0!important;border-radius:var(--r-pill)!important;background:var(--agent-cyan)!important;color:var(--ra-ink)!important;font-size:var(--fs-sm)!important;font-weight:820!important;text-decoration:none!important;box-shadow:var(--ra-sh2)}.agent-plan-button:hover{background:var(--ra-accent-soft)!important;transform:translateY(-1px)}.agent-plan-button.agent-plan-signed{background:var(--agent-ink)!important;color:var(--ra-ink)!important}.agent-plan-empty{padding:36px;border:1px solid var(--agent-line);border-radius:var(--r-lg);background:var(--ra-panel);text-align:center;color:var(--agent-muted)}.agent-upgraded{width:min(100% - 48px,620px);margin:55px auto;padding:44px;border:1px solid var(--agent-line);border-radius:var(--r-lg);background:var(--ra-panel);text-align:center;box-shadow:var(--ra-sh2)}.agent-upgraded-badge{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 17px;border-radius:var(--r-lg);background:var(--ra-panel-2);color:var(--ra-ok);font-size:var(--fs-xl)}.agent-upgraded h1{margin:0 0 10px;color:var(--ra-ink);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.05em}.agent-upgraded p{margin:0 0 23px;color:var(--agent-muted)}.agent-upgraded a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--r-pill);background:var(--agent-ink);color:var(--ra-ink);text-decoration:none;font-size:var(--fs-sm);font-weight:800}
@media(max-width:680px){.agent-nav{height:64px;padding:0 16px}.agent-nav-links a:not(.agent-nav-action){display:none}.agent-auth-page{min-height:calc(100vh - 64px);padding:38px 16px 54px}.agent-auth-page .card-body{padding:18px 20px 24px}.agent-auth-page .card-header{padding:23px 20px 5px}.agent-packages{min-height:calc(100vh - 64px)}.agent-packages-hero{padding:53px 20px 76px}.agent-plan-area{width:min(100% - 32px,var(--agent-max));margin-top:-34px}.agent-plan-top,.agent-plan-features,.agent-plan-footer{padding-left:21px;padding-right:21px}.agent-auth-social .page-header h2{font-size:var(--fs-xl)}}
.agent-activation-wrap{width:min(100%,620px)}.agent-activation-card{padding:35px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:var(--ra-panel);box-shadow:var(--ra-sh2);text-align:center}.agent-activation-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 17px;border-radius:var(--r-lg);background:var(--ra-panel-2);color:var(--ra-ok);font-size:var(--fs-xl);font-weight:900}.agent-activation-card h2{margin:0 0 10px;color:var(--ra-ink);font-size:var(--fs-lg);font-weight:800;letter-spacing:-.045em}.agent-activation-card p{margin:0 auto 25px;max-width:480px;color:var(--agent-muted);font-size:var(--fs-base);line-height:1.65}.agent-activation-card strong{color:var(--ra-ink)}.agent-activation-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.agent-activation-actions .btn{min-height:42px;padding:0 15px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:800}.agent-activation-primary{border:0!important;background:var(--agent-cyan)!important;color:var(--ra-ink)!important}.agent-activation-secondary{border:1px solid var(--agent-line)!important;background:var(--ra-panel)!important;color:var(--ra-ink)!important}@media(max-width:680px){.agent-activation-card{padding:28px 20px}}

/* Typography unified with the console: one system stack across the product. */
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* ── from _agent_assets.tpl (inline <style>) ── */
html[data-ra-theme="dark"] .agent-nav-brand-copy strong{color:var(--ra-ink-2)!important}html[data-ra-theme="dark"] .agent-nav-brand-copy small,html[data-ra-theme="dark"] .agent-nav-label,html[data-ra-theme="dark"] .agent-nav-console a,html[data-ra-theme="dark"] .agent-nav-resources summary{color:var(--ra-muted)!important}html[data-ra-theme="dark"] .agent-nav-console a:hover{color:var(--ra-ink-2)!important}
/* ── from sign.tpl (inline <style>) ── */

:root{--shadow:var(--ra-sh2)}
html[data-ra-theme="dark"]{--shadow:var(--ra-sh2)}
body{padding-top:0!important;background:var(--ra-bg);background-image:radial-gradient(1100px 560px at 82% -8%,color-mix(in srgb, var(--ra-accent-text) 10%, transparent),transparent 60%),radial-gradient(900px 520px at 8% 108%,color-mix(in srgb, var(--ra-accent-text) 10%, transparent),transparent 60%);color:var(--ra-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
.navbar,.main-footer,.footer,footer,.footer-links,.navbar-wrapper{display:none!important}
a{transition:color .15s}
/* top bar — mirrors the landing header */
.ra-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;min-height:64px;background:color-mix(in srgb, var(--ra-panel) 86%, transparent);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid var(--ra-line-strong)}
.ra-brand{display:inline-flex;align-items:center;gap:10px;font-weight:780;font-size:var(--fs-md);letter-spacing:-.03em;color:var(--ra-ink);text-decoration:none}
.ra-brand:hover{color:var(--ra-ink);text-decoration:none}
.ra-brand .mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ra-line-strong);border-radius:var(--r-sm);background:linear-gradient(145deg,var(--ra-panel-2),var(--ra-bg));color:var(--ra-accent-text);font-size:var(--fs-base);font-weight:850}
.ra-top nav{display:flex;align-items:center}
.ra-top nav a{color:var(--ra-muted);margin-left:14px;font-size:var(--fs-sm);font-weight:650;text-decoration:none}
.ra-top nav a:hover{color:var(--ra-ink)}
html[data-ra-theme="dark"] .ra-top nav a{color:var(--ra-muted)}
html[data-ra-theme="dark"] .ra-top nav a:hover{color:var(--ra-ink-2)}
.agent-theme-toggle{width:34px;height:34px;margin-left:18px;border:1px solid var(--ra-line-strong);border-radius:var(--r-sm);background:var(--ra-panel);color:var(--ra-ink);font-size:var(--fs-base);line-height:1;cursor:pointer;transition:border-color .15s,transform .15s}
.agent-theme-toggle:hover{transform:translateY(-1px)}
html[data-ra-theme="dark"] .agent-theme-toggle{border-color:var(--ra-line);background:var(--ra-panel-2);color:var(--ra-ink-2)}
/* hero */
.ra-main{display:flex;align-items:flex-start;justify-content:center;padding:48px 20px 64px}
.ra-card-wrap{width:100%;max-width:440px}
.ra-hero{text-align:center;margin-bottom:24px}
.ra-hero h1{font-size:var(--fs-xl);font-weight:820;letter-spacing:-.02em;color:var(--ra-ink);margin:0;line-height:1.12}
.ra-hero p{color:var(--ra-muted);margin:9px 0 0;font-size:var(--fs-base);line-height:1.55}
.ra-hero .pill{display:inline-flex;align-items:center;gap:8px;background:var(--ra-accent-soft);border:1px solid var(--ra-accent);color:var(--ra-accent-text);border-radius:var(--r-pill);padding:5px 14px;font-size:var(--fs-xs);font-weight:800;letter-spacing:.1em;margin-bottom:14px}
.ra-hero .pill i{width:7px;height:7px;border-radius:50%;background:var(--ra-ok-soft);box-shadow:var(--ra-sh1)}
html[data-ra-theme="dark"] .ra-hero .pill{color:var(--ra-accent-text);background:var(--ra-accent-soft);border-color:var(--ra-accent)}
/* card — the hero is the heading, the card header duplicates it */
.card-register{background:var(--ra-panel);border:1px solid var(--ra-line-strong);border-radius:var(--r-lg);box-shadow:var(--ra-sh1);overflow:hidden}
.card-register .card-header{display:none}
.card-register .card-body{padding:28px;color:var(--ra-ink)}
.card-register .card-body.pt0{padding-top:28px!important}
/* inputs */
.card-register .input-group{border:1px solid var(--ra-line-strong);border-radius:var(--r-md);overflow:hidden;background:var(--ra-panel);transition:border-color .15s,box-shadow .15s}
.card-register .input-group:focus-within{border-color:var(--ra-accent);box-shadow:var(--ra-sh1)}
.card-register .form-control{border:0;border-radius:0;padding:12px 14px;font-size:var(--fs-base);color:var(--ra-ink);background:transparent}
.card-register .form-control:focus{box-shadow:var(--ra-sh1);background:transparent}
.card-register .form-control::placeholder{color:var(--ra-muted)}
.card-register .input-group-text{border:0;background:transparent;color:var(--ra-muted);padding-left:14px;padding-right:12px}
.card-register .input-group-text svg{display:block}
.card-register .input-group-text svg.x-hidden{display:none!important}
.card-register .js_toggle-password{cursor:pointer;padding:0 14px 0 10px;transition:color .15s}
.card-register .js_toggle-password:hover{color:var(--ra-accent-text)}
/* selects */
.card-register select.form-select{color:var(--ra-ink);font-size:var(--fs-base)}
.card-register select.form-select option{color:var(--ra-ink);background:var(--ra-panel)}
.card-register .input-group .form-select{border:0;border-radius:0;background-color:var(--ra-panel);padding:12px 36px 12px 8px}
.card-register .row .form-select{border:1px solid var(--ra-line-strong);border-radius:var(--r-md);background-color:var(--ra-panel);padding:12px 36px 12px 14px}
.card-register .row .form-select:focus{border-color:var(--ra-accent);box-shadow:var(--ra-sh1)}
.card-register .form-label{color:var(--ra-ink);font-weight:600;font-size:var(--fs-base);margin-bottom:8px}
/* checks + links */
.card-register .form-check-label{color:var(--ra-muted);font-size:var(--fs-base)}
.card-register .form-check-input{background-color:var(--ra-panel);border-color:var(--ra-line-strong)}
.card-register .form-check-input:focus{border-color:var(--ra-accent);box-shadow:var(--ra-sh1)}
.card-register .form-check-input:checked{background-color:var(--ra-accent-soft);border-color:var(--ra-accent);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2307111f' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.card-register a{color:var(--ra-accent-text);text-decoration:none;font-weight:600}
.card-register a:hover{color:var(--ra-accent-text);text-decoration:underline}
/* primary button — landing cyan */
.card-register .btn-primary{background-color:var(--ra-accent)!important;border:0;border-radius:var(--r-md);padding:13px 20px;font-weight:750;font-size:var(--fs-base);color:var(--ra-accent-ink)!important;box-shadow:var(--ra-sh2);transition:transform .15s,filter .15s,box-shadow .15s}
.card-register .btn-primary:hover,.card-register .btn-primary:focus{background-color:var(--ra-accent)!important;color:var(--ra-accent-ink)!important;filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--ra-sh2)}
.card-register .btn-primary:active{transform:translateY(0)}
.card-register .btn-primary:focus-visible{outline:2px solid var(--ra-accent);outline-offset:2px;box-shadow:var(--ra-sh1)}
/* alerts */
.card-register .alert{border-radius:var(--r-md);font-size:var(--fs-base);padding:12px 14px}
.card-register .alert-danger{color:var(--ra-bad);background:var(--ra-bad-soft);border:1px solid var(--ra-bad)}
html[data-ra-theme="dark"] .card-register .alert-danger{color:var(--ra-bad);background:var(--ra-bad-soft);border-color:var(--ra-bad)}
.card-register .alert-warning{color:var(--ra-warn);background:var(--ra-warn-soft);border:1px solid var(--ra-warn)}
html[data-ra-theme="dark"] .card-register .alert-warning{color:var(--ra-warn);background:var(--ra-warn-soft);border-color:var(--ra-warn)}
/* social buttons (if enabled) */
.card-register .btn-social{border-radius:var(--r-md);border:1px solid var(--ra-line-strong);background:var(--ra-panel);color:var(--ra-ink);font-weight:600}
.card-register .btn-social:hover{background:var(--ra-panel-2);color:var(--ra-ink)}
/* account switch divider */
.card-register .card-body .mt30,.card-register .card-body .mt20{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--ra-line-strong);color:var(--ra-muted);font-size:var(--fs-base)}
/* entrance */
@keyframes ra-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ra-hero{animation:ra-rise .5s ease both}
.card-register{animation:ra-rise .5s ease .07s both}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* foot */
.ra-foot{text-align:center;color:var(--ra-muted);font-size:var(--fs-sm);padding:20px 24px 44px}
.ra-foot a{color:var(--ra-accent-text);text-decoration:none;margin:0 8px;font-weight:600}
.ra-foot a:hover{text-decoration:underline}
html[data-ra-theme="dark"] .ra-foot{color:var(--ra-muted)}
/* responsive */
@media (max-width:767px){.ra-top{padding:0 16px}.ra-top nav a{margin-left:10px;font-size:var(--fs-sm)}.agent-theme-toggle{margin-left:10px}.ra-hero h1{font-size:var(--fs-xl)}.ra-main{padding:32px 16px 48px}.card-register .card-body{padding:22px 20px 24px}.card-register .card-body.pt0{padding-top:22px!important}}
@media (max-width:479px){.ra-top nav a.hide-sm{display:none}}

/* ── filled controls, and the text base ───────────────────────────────────
   style.min.css forces .btn-primary to var(--rd-accent) (→ --ra-accent) with
   !important, so the fill is not ours to choose, and its own label is #ffffff —
   which is ink on the dark accent and 2.56:1 on the light one. State the
   primitive pair instead: --ra-accent + --ra-accent-ink measure 4.70:1 light and
   6.63:1 dark. (While light --ra-accent was #0a84ff that pair was 3.65:1 and the
   fill had to borrow --ra-accent-text; ra.css fixed it at 18:29.) Tokens only.
   Sngine's .card paints #212529 on whatever surface the theme gives it: fine in
   light, invisible in dark, so the surface states its own ink. */
.btn-primary { background-color: var(--ra-accent) !important; border-color: var(--ra-accent) !important; color: var(--ra-accent-ink) !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible { background-color: var(--ra-accent) !important; border-color: var(--ra-accent) !important; color: var(--ra-accent-ink) !important; }
.btn-success { background-color: var(--ra-ok) !important; border-color: var(--ra-ok) !important; color: var(--ra-accent-ink) !important; }
.card, .card-register, .agent-shell, .agent-auth-page, .agent-packages { color: var(--ra-ink); }