[v-cloak]{display:none}

:root{
  --cx-bg:#06080b;
  --cx-panel:rgba(14,16,20,.68);
  --cx-panel-strong:rgba(12,14,18,.86);
  --cx-panel-soft:rgba(255,255,255,.045);
  --cx-line:rgba(255,255,255,.10);
  --cx-line-soft:rgba(255,255,255,.06);
  --cx-text:#f4f5f7;
  --cx-muted:#b0b6c0;
  --cx-dim:#7e8694;
  --cx-accent:#ff6a2b;
  --cx-accent-strong:#ff5b18;
  --cx-success:#43d58c;
  --cx-warning:#ffd261;
  --cx-danger:#ff7b7b;
  --cx-radius:30px;
  --cx-shadow:0 30px 90px rgba(0,0,0,.34);
  --cx-photo:url("../../_next/static/media/street-header.694105b7.png");
}

html,body{min-height:100%}
body.carx-showroom-body{
  margin:0;
  min-height:100vh;
  color:var(--cx-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--cx-bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

body.carx-showroom-body::before,
body.carx-showroom-body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}

body.carx-showroom-body::before{
  background:
    linear-gradient(180deg, rgba(6,8,11,.54) 0%, rgba(6,8,11,.74) 42%, rgba(6,8,11,.9) 100%),
    linear-gradient(90deg, rgba(6,8,11,.30) 0%, rgba(6,8,11,.08) 35%, rgba(6,8,11,.38) 100%),
    var(--cx-photo) center center / cover no-repeat;
  transform:scale(1.03);
}

body.carx-showroom-body::after{
  background:
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 12%);
  mix-blend-mode:screen;
  opacity:.28;
}

.carx-page{
  position:relative;
  z-index:1;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

body.carx-auth-body .carx-page{
  display:grid;
  place-items:center;
}

.carx-topbar{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(8,10,13,.46);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}

.carx-topbar__inner{
  width:min(1240px, calc(100% - 32px));
  height:68px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.carx-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.carx-brand__mark{
  width:40px;
  height:40px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  color:#fff;
}

.carx-brand__eyebrow{
  font-size:.64rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--cx-dim);
}

.carx-brand__title{
  font-size:1rem;
  font-weight:800;
  letter-spacing:-.03em;
  color:#fff;
}

.carx-topbar__meta{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.carx-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--cx-muted);
  font-size:.76rem;
  font-weight:700;
}

.carx-chip--vip{
  background:rgba(255,193,92,.14);
  border-color:rgba(255,193,92,.20);
  color:#ffe3ab;
}

.carx-shell{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
  padding:22px 0 40px;
  display:grid;
  gap:16px;
}

.carx-panel,
.carx-deliver-board,
.glass{
  background:var(--cx-panel);
  border:1px solid var(--cx-line-soft);
  border-radius:var(--cx-radius);
  backdrop-filter:blur(24px) saturate(1.04);
  -webkit-backdrop-filter:blur(24px) saturate(1.04);
  box-shadow:var(--cx-shadow);
}

.carx-panel__body{padding:24px}

.carx-dialog{
  width:min(720px, calc(100vw - 32px));
  max-height:min(88vh, 860px);
  overflow:auto;
  background:rgba(10,12,18,.94);
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  backdrop-filter:blur(26px) saturate(1.05);
  -webkit-backdrop-filter:blur(26px) saturate(1.05);
  box-shadow:0 34px 80px rgba(0,0,0,.42);
}

.carx-dialog__body{
  padding:28px;
  display:grid;
  gap:18px;
}

.carx-overlay{
  position:fixed;
  inset:0;
  z-index:95;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.carx-dialog__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.carx-dialog__title{
  font-size:1.5rem;
  margin-bottom:8px;
}

.carx-dialog__desc{
  margin-bottom:0;
}

.carx-dialog__fields{
  display:grid;
  gap:14px;
}

.carx-dialog__field-label{
  margin-bottom:8px;
}

.carx-dialog__actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.carx-dialog__button{
  width:100%;
  min-height:50px;
  justify-content:center;
}

.carx-dialog__close{
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#f5f7fb;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.carx-dialog__close:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
}

@media (min-width: 640px){
  .carx-dialog__actions{
    flex-direction:row;
  }

  .carx-dialog__button{
    flex:1;
  }
}

.carx-panel__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.carx-panel__eyebrow{
  color:var(--cx-dim);
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.carx-panel__title{
  margin:8px 0 0;
  font-size:1.7rem;
  line-height:1.04;
  letter-spacing:-.05em;
  font-weight:800;
}

.carx-panel__desc{
  margin:10px 0 0;
  color:#c6ccd6;
  line-height:1.7;
  font-size:.95rem;
  max-width:720px;
}

.carx-hero{
  position:relative;
  overflow:hidden;
  padding:26px 28px;
  min-height:unset;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px, 330px);
  gap:18px;
  border-radius:32px;
  background:
    linear-gradient(180deg, rgba(10,12,16,.54), rgba(10,12,16,.72)),
    rgba(12,14,18,.24);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(24px) saturate(1.04);
  -webkit-backdrop-filter:blur(24px) saturate(1.04);
  box-shadow:var(--cx-shadow);
}

.carx-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(108deg, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 22%),
    linear-gradient(118deg, transparent 0 62%, rgba(255,255,255,.045) 62.5%, transparent 63%);
  pointer-events:none;
}

.carx-hero__content,
.carx-hero__aside{
  position:relative;
  z-index:1;
}

.carx-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#e4d3ca;
  font-weight:700;
}

.carx-hero__title{
  margin:14px 0 0;
  font-size:clamp(1.9rem, 4vw, 3.4rem);
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:900;
  max-width:10ch;
}

.carx-hero__body{
  margin-top:12px;
  max-width:620px;
  color:#c8cfda;
  line-height:1.7;
  font-size:.97rem;
}

.carx-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.carx-hero__aside{
  display:grid;
  gap:10px;
  align-content:start;
}

.carx-metric{
  padding:14px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.042);
  border:1px solid rgba(255,255,255,.07);
}

.carx-metric__label{
  color:var(--cx-dim);
  font-size:.68rem;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.carx-metric__value{
  margin-top:8px;
  font-size:1rem;
  font-weight:800;
  line-height:1.4;
  letter-spacing:-.03em;
}

.carx-media-hero{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(10,12,16,.46);
  backdrop-filter:blur(24px) saturate(1.04);
  -webkit-backdrop-filter:blur(24px) saturate(1.04);
  box-shadow:var(--cx-shadow);
}

.carx-media-hero__viewport{
  position:relative;
  min-height:340px;
}

.carx-media-hero__slide,
.carx-media-hero__shade{
  position:absolute;
  inset:0;
}

.carx-media-hero__slide{
  opacity:0;
  transition:opacity .7s ease;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.02);
}

.carx-media-hero__slide.is-active{
  opacity:1;
}

.carx-media-hero__shade{
  background:
    linear-gradient(180deg, rgba(6,8,11,.14) 0%, rgba(6,8,11,.28) 48%, rgba(6,8,11,.56) 100%),
    linear-gradient(115deg, rgba(255,255,255,.08) 0, rgba(255,255,255,0) 26%);
  pointer-events:none;
}

.carx-media-hero__dots{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
  display:flex;
  gap:10px;
  justify-content:flex-start;
  align-items:center;
}

.carx-media-hero__dot{
  width:44px;
  height:4px;
  border-radius:999px;
  border:0;
  padding:0;
  background:rgba(255,255,255,.24);
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}

.carx-media-hero__dot.is-active{
  background:var(--cx-accent);
  transform:scaleX(1.04);
}

.carx-summary-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.carx-summary-strip__item{
  padding:16px 18px;
  border-radius:24px;
  background:rgba(10,12,16,.56);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(0,0,0,.2);
}

.carx-summary-strip__label{
  color:var(--cx-dim);
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.carx-summary-strip__value{
  margin-top:8px;
  color:#fff;
  font-size:1rem;
  font-weight:800;
  line-height:1.4;
  letter-spacing:-.03em;
}

.carx-action-dock{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.carx-action-tile{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:16px 18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(10,12,16,.56);
  box-shadow:0 20px 55px rgba(0,0,0,.2);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.carx-action-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.14);
  background:rgba(14,17,22,.68);
}

.carx-action-tile__icon{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(255,106,43,.14);
  border:1px solid rgba(255,106,43,.18);
  color:var(--cx-accent);
  font-size:1.12rem;
  flex-shrink:0;
}

.carx-action-tile__body{
  min-width:0;
  display:grid;
  gap:4px;
  text-align:left;
}

.carx-action-tile__label{
  color:#fff;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:-.02em;
}

.carx-action-tile__meta{
  color:var(--cx-muted);
  font-size:.78rem;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.carx-ribbon{
  padding:12px;
  border-radius:24px;
  background:rgba(12,14,18,.48);
  border:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.carx-ribbon__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.carx-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:var(--cx-muted);
  font-size:.84rem;
  font-weight:700;
  transition:all .18s ease;
}

.carx-tab:hover{color:#fff;border-color:rgba(255,255,255,.14)}
.carx-tab.is-active{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
}

.carx-button,
.carx-button-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}

.carx-button{
  border:1px solid rgba(255,106,43,.36);
  background:linear-gradient(180deg, var(--cx-accent), var(--cx-accent-strong));
  color:#fff;
  box-shadow:0 14px 26px rgba(255,106,43,.22);
}

.carx-button-ghost{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#f2f4f7;
}

.carx-button:hover,.carx-button-ghost:hover{transform:translateY(-1px)}
.carx-button:disabled,.carx-button-ghost:disabled{opacity:.45;cursor:not-allowed;transform:none}

.carx-form-grid{display:grid;gap:14px}
.carx-form-grid--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px, 340px);gap:18px}

.carx-input-shell{
  position:relative;
}

.carx-input-shell i{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:1rem;
  color:rgba(176,182,192,.56);
}

body.carx-showroom-body input,
body.carx-showroom-body textarea{
  width:100%;
  border:none;
  outline:none;
  box-sizing:border-box;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  color:var(--cx-text);
  border-radius:18px;
  font-size:.94rem;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.carx-showroom-body input{
  min-height:52px;
  padding:0 16px 0 46px;
}

body.carx-showroom-body textarea{
  min-height:120px;
  padding:16px 16px 16px 46px;
  resize:vertical;
}

body.carx-showroom-body input::placeholder,
body.carx-showroom-body textarea::placeholder{color:rgba(176,182,192,.46)}

body.carx-showroom-body input:focus,
body.carx-showroom-body textarea:focus{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.055);
  box-shadow:0 0 0 4px rgba(255,255,255,.05);
}

body.carx-showroom-body input:-webkit-autofill,
body.carx-showroom-body input:-webkit-autofill:hover,
body.carx-showroom-body input:-webkit-autofill:focus,
body.carx-showroom-body textarea:-webkit-autofill,
body.carx-showroom-body textarea:-webkit-autofill:hover,
body.carx-showroom-body textarea:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--cx-text);
  -webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.04) inset;
  box-shadow:0 0 0 1000px rgba(255,255,255,.04) inset;
  border:1px solid rgba(255,255,255,.09);
  transition:background-color 5000s ease-in-out 0s;
}

.carx-note-grid{display:grid;gap:10px}

.carx-note{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.034);
  border:1px solid rgba(255,255,255,.06);
  color:#c6ccd7;
  line-height:1.65;
  font-size:.9rem;
}

.carx-note strong{
  color:#fff;
  font-size:.8rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-right:6px;
}

.carx-stack{display:grid;gap:16px}

.carx-empty{
  display:grid;
  place-items:center;
  min-height:220px;
  text-align:center;
  border-radius:24px;
  border:1px dashed rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  color:var(--cx-muted);
}

.carx-empty__icon{
  width:60px;
  height:60px;
  margin:0 auto 14px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:1.35rem;
  color:#e8ebf0;
}

.carx-order-grid,.carx-product-grid{
  display:grid;
  gap:14px;
}

.carx-order-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.carx-product-grid{grid-template-columns:repeat(auto-fit,minmax(238px,1fr))}

.carx-record,
.carx-product{
  border-radius:22px;
  background:rgba(255,255,255,.034);
  border:1px solid rgba(255,255,255,.06);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.carx-record:hover,
.carx-product:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 16px 36px rgba(0,0,0,.18);
}

.carx-record{
  padding:16px;
  display:grid;
  gap:12px;
}

.carx-record__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.carx-record__id{
  color:#7c8594;
  font-family:ui-monospace,Consolas,monospace;
  font-size:.72rem;
  letter-spacing:.12em;
}

.carx-record__title{
  color:#fff;
  font-size:1rem;
  font-weight:700;
  line-height:1.4;
}

.carx-record__list{
  display:grid;
  gap:10px;
  color:#c2c9d5;
  font-size:.88rem;
}

.carx-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.carx-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.carx-status--success{background:rgba(67,213,140,.12);color:#a8efc9;border:1px solid rgba(67,213,140,.20)}
.carx-status--warn{background:rgba(255,210,97,.12);color:#ffe4a2;border:1px solid rgba(255,210,97,.20)}
.carx-status--danger{background:rgba(255,123,123,.12);color:#ffc2c2;border:1px solid rgba(255,123,123,.20)}
.carx-status--mute{background:rgba(255,255,255,.06);color:#b9c0cc;border:1px solid rgba(255,255,255,.08)}

.carx-products-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px, 340px);
  gap:14px;
  align-items:end;
  margin-bottom:18px;
}

.carx-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.carx-filter-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:var(--cx-muted);
  font-size:.8rem;
  font-weight:700;
}

.carx-filter-chip.active{
  color:#fff;
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.14);
}

.carx-product{overflow:hidden}

.carx-product__media{
  aspect-ratio:16/9;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
}

.carx-product__media img{width:100%;height:100%;object-fit:cover;display:block}

.carx-product__body{
  padding:16px;
  display:grid;
  gap:14px;
}

.carx-product__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.carx-product__price{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,106,43,.14);
  border:1px solid rgba(255,106,43,.18);
  color:#ffd6c5;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}

.carx-split-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:16px;
  align-items:start;
}

.carx-deliver-board{
  padding:22px;
}

.carx-code-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-family:ui-monospace,Consolas,monospace;
}

.carx-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.carx-mini-stat{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.034);
  border:1px solid rgba(255,255,255,.06);
}

.carx-mini-stat__label{
  color:var(--cx-dim);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.carx-mini-stat__value{
  margin-top:8px;
  color:#fff;
  font-size:.94rem;
  font-weight:700;
  line-height:1.45;
}

.carx-auth-grid{
  width:min(100% - 32px, 1280px);
  min-height:100vh;
  margin:0 auto;
  display:grid;
  place-items:center;
  padding:32px 0;
}

.carx-auth-poster{
  display:none;
}

.carx-auth-card{
  width:min(100%, 460px);
  margin:0 auto;
  padding:28px;
  border-radius:34px;
  background:rgba(15,17,22,.74);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(28px) saturate(1.06);
  -webkit-backdrop-filter:blur(28px) saturate(1.06);
  box-shadow:0 30px 100px rgba(0,0,0,.36);
}

.carx-auth-head{
  margin-bottom:20px;
}

.carx-auth-title{
  margin:10px 0 0;
  font-size:2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}

.carx-auth-sub{
  margin:10px 0 0;
  color:#c1c8d3;
  font-size:.95rem;
  line-height:1.65;
}

.carx-auth-form{
  display:grid;
  gap:14px;
}

.carx-auth-error{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,123,123,.10);
  border:1px solid rgba(255,123,123,.18);
  color:#ffb8b8;
  font-size:.88rem;
  line-height:1.6;
}

.carx-auth-footer{
  margin-top:18px;
  color:var(--cx-muted);
  font-size:.88rem;
  line-height:1.8;
}

.carx-auth-footer a{
  color:#fff;
  text-decoration:none;
  font-weight:700;
}

.carx-auth-footer a:hover{color:#ffd8cb}

.toast-enter{animation:toast-in .3s cubic-bezier(.34,1.56,.64,1) forwards}
.toast-leave{animation:toast-out .25s ease-in forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-out{from{opacity:1}to{opacity:0;transform:translateY(-12px) scale(.95)}}

.defer-render{content-visibility:auto;contain-intrinsic-size:320px 360px}

@media (max-width: 1100px){
  .carx-hero,
  .carx-split-layout,
  .carx-form-grid--split{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .carx-topbar__inner,
  .carx-shell,
  .carx-auth-grid{
    width:min(100% - 24px, 1240px);
  }

  .carx-topbar__inner{
    height:auto;
    padding:12px 0;
    align-items:flex-start;
    flex-direction:column;
  }

  .carx-topbar__meta{
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
  }

  .carx-hero{
    padding:22px;
  }

  .carx-hero__title{
    font-size:clamp(1.7rem, 10vw, 2.6rem);
    max-width:12ch;
  }

  .carx-panel__body,
  .carx-deliver-board,
  .carx-auth-card{
    padding:20px;
  }

  .carx-media-hero__viewport{
    min-height:240px;
  }

  .carx-summary-strip,
  .carx-action-dock{
    grid-template-columns:1fr;
  }

  .carx-products-toolbar,
  .carx-mini-grid{
    grid-template-columns:1fr;
  }
}