:root{
  --au-bg:#ffffff;
  --au-panel:#ffffff;
  --au-text:#0f172a;
  --au-muted:#6b7280;
  --au-line:rgba(15,23,42,.10);
  --au-radius:18px;
  --au-shadow:0 18px 50px rgba(15,23,42,.10);
  --au-accent:#f59e0b;
  --au-accent2:#fb7185;
  --au-accent3:#60a5fa;
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--au-text);
  background:var(--au-bg);
}
img,video{max-width:100%;height:auto}
textarea{resize:vertical}
:where(button,input,select,textarea){font:inherit;color:inherit}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid rgba(96,165,250,.65);outline-offset:2px}

.au-wrap{
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--au-bg);
}

.au-left{
  padding:28px;
  display:flex;
  flex-direction:column;
}

.au-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:850;
  letter-spacing:.28em;
  font-size:18px;
  color:#111827;
}
.au-brand-badge{
  width:40px;height:40px;border-radius:12px;
  display:block;
  object-fit:contain;
  object-position:center;
  background:transparent;
  box-shadow:none;
}

.au-content{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.au-card{
  width:min(420px,100%);
  padding:22px;
  border:1px solid var(--au-line);
  border-radius:22px;
  background:var(--au-panel);
  box-shadow:var(--au-shadow);
}

.au-title{
  font-weight:900;
  font-size:22px;
  margin:2px 0 14px;
}

.au-tabs{
  display:flex;
  gap:18px;
  margin:2px 0 14px;
  border-bottom:1px solid var(--au-line);
}
.au-tab{
  appearance:none;
  border:0;
  background:transparent;
  padding:10px 0 12px;
  font-weight:850;
  color:rgba(15,23,42,.55);
  cursor:pointer;
  position:relative;
}
.au-tab.is-active{color:#111827}
.au-tab.is-active::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:#111827;
  border-radius:999px;
}

.au-form{display:flex;flex-direction:column;gap:12px}

.au-field{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border:1px solid var(--au-line);
  border-radius:14px;
  background:#ffffff;
}
.au-field:focus-within{
  border-color:rgba(245,158,11,.55);
  box-shadow:0 0 0 4px rgba(245,158,11,.14);
}
.au-ico{
  width:18px;height:18px;opacity:.68;
  display:inline-flex;align-items:center;justify-content:center;
}
.au-ico svg{width:18px;height:18px;display:block}
.au-input{
  flex:1 1 auto;
  border:0;
  outline:0;
  font-size:14px;
  font-weight:700;
  color:#111827;
  background:transparent;
}
.au-input::placeholder{color:rgba(15,23,42,.35);font-weight:650}

.au-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  color:var(--au-muted);
  font-weight:650;
}
.au-check{display:flex;align-items:center;gap:8px;cursor:pointer}
.au-check input{width:14px;height:14px}
.au-link{color:#2563eb;text-decoration:none;font-weight:800}
.au-link:hover{text-decoration:underline}

.au-error{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.25);
  background:rgba(239,68,68,.06);
  color:#991b1b;
  font-weight:800;
  font-size:13px;
}

.au-submit{
  width:100%;
  margin-top:4px;
  padding:12px 14px;
  border-radius:14px;
  border:0;
  cursor:pointer;
  font-weight:900;
  letter-spacing:.02em;
  background:linear-gradient(90deg,rgba(17,24,39,.22),rgba(17,24,39,.12));
  color:rgba(17,24,39,.55);
}
.au-submit.is-ready{
  background:linear-gradient(90deg,#111827 0%,#0f172a 100%);
  color:#ffffff;
  box-shadow:0 16px 36px rgba(15,23,42,.18);
}

.au-foot{
  margin-top:12px;
  text-align:center;
  font-size:12px;
  color:rgba(15,23,42,.55);
  font-weight:650;
}

.au-right{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:
    radial-gradient(1000px 800px at 20% 10%,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 55%),
    radial-gradient(900px 900px at 90% 60%,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 58%),
    linear-gradient(135deg,#fb923c 0%,#f97316 40%,#fb7185 120%);
}

.au-hero{
  width:min(520px,100%);
  color:#fff;
  text-align:center;
}
.au-hero-title{
  margin-top:18px;
  font-weight:950;
  font-size:22px;
  letter-spacing:.08em;
  text-shadow:0 14px 40px rgba(0,0,0,.22);
}
.au-hero-desc{
  margin-top:10px;
  max-width:420px;
  margin-left:auto;
  margin-right:auto;
  font-size:13px;
  font-weight:650;
  line-height:1.6;
  color:rgba(255,255,255,.86);
  text-shadow:0 14px 40px rgba(0,0,0,.22);
}
.au-hero-list{
  margin:14px auto 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
  max-width:420px;
  text-align:left;
}
.au-hero-list li{
  position:relative;
  padding-left:18px;
  font-size:13px;
  font-weight:750;
  line-height:1.6;
  color:rgba(255,255,255,.92);
  text-shadow:0 14px 40px rgba(0,0,0,.22);
}
.au-hero-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.82em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  box-shadow:0 0 0 6px rgba(255,255,255,.12);
  transform:translateY(-50%);
}
.au-dots{
  margin-top:18px;
  display:flex;
  gap:10px;
  justify-content:center;
}
.au-dot{
  width:6px;height:6px;border-radius:999px;
  background:rgba(255,255,255,.46);
}
.au-dot.is-active{background:#ffffff}

.au-card-stack{
  position:relative;
  width:360px;
  height:220px;
  margin:0 auto;
}
.au-sample-card{
  position:absolute;
  width:250px;height:150px;border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 26px 60px rgba(0,0,0,.22);
  overflow:hidden;
}
.au-sample-card::before{
  content:"";
  position:absolute;inset:-30% -30%;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 50%),
             linear-gradient(135deg,rgba(96,165,250,.45),rgba(251,113,133,.35),rgba(245,158,11,.35));
  transform:rotate(-8deg);
  opacity:.9;
}
.au-sample-card:nth-child(1){left:34px;top:18px;transform:rotate(-10deg)}
.au-sample-card:nth-child(2){left:120px;top:0;transform:rotate(14deg)}
.au-sample-card:nth-child(3){left:72px;top:72px;transform:rotate(-2deg)}
.au-sample-chip{
  position:absolute;
  right:16px;top:16px;
  width:26px;height:20px;border-radius:6px;
  background:linear-gradient(135deg,#111827,#374151);
  opacity:.65;
}
.au-sample-brand{
  position:absolute;right:16px;bottom:16px;
  font-weight:950;
  letter-spacing:.1em;
  color:rgba(17,24,39,.56);
  font-size:11px;
}

@media (max-width: 980px){
  .au-wrap{grid-template-columns:1fr}
  .au-right{display:none}
  .au-left{padding:18px}
}