:root {
  --bg: #f6f8fc;
  --surface: rgba(255,255,255,0.94);
  --line: #e7edf7;
  --text: #0b1532;
  --muted: #60708a;
  --blue: #5963ff;
  --blue-dark: #091634;
  --mint: #37d8c3;
  --shadow: 0 24px 64px rgba(15, 31, 67, 0.08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(89,99,255,.08), transparent 26%),
    radial-gradient(circle at top right, rgba(55,216,195,.08), transparent 26%),
    linear-gradient(180deg, #fbfcff 0%, var(--bg) 100%);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.page-shell { width: min(1220px, calc(100% - 36px)); margin: 0 auto; }
.site-header { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; padding: 18px 0 12px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; font-size: 30px; letter-spacing: -0.045em; }
.brand-logo { width: 242px; height: auto; }
.brand-word { display: none; }
.sidebar-logo { width: 52px; height: 52px; border-radius: 14px; }
.nav { display: flex; justify-content: center; gap: 30px; color: #22304d; font-size: 14px; }
.header-actions { display: flex; gap: 12px; align-items: center; }
.header-link { font-size: 14px; font-weight: 600; }
.btn-primary, .btn-secondary, .btn-dark, .btn-light { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 12px; font-weight: 700; font-size: 14px; }
.btn-primary, .btn-dark { background: var(--blue-dark); color: #fff; box-shadow: 0 18px 32px rgba(8, 18, 48, 0.18); }
.btn-secondary, .btn-light { background: #fff; border: 1px solid var(--line); color: #1b2845; }
.eyebrow { display: inline-flex; padding: 8px 12px; border-radius: 999px; background: rgba(89,99,255,.08); color: #6a73ff; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero { display: grid; grid-template-columns: minmax(0, 470px) minmax(0, 1fr); gap: 40px; align-items: center; padding: 20px 0 46px; min-height: 700px; }
.hero h1 { margin: 18px 0 0; font-size: clamp(54px, 5vw, 68px); line-height: .94; letter-spacing: -0.06em; }
.hero p { margin: 20px 0 0; max-width: 430px; color: var(--muted); font-size: 18px; line-height: 1.64; }
.hero-actions { display: flex; gap: 12px; margin-top: 28px; }
.hero-micro { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 26px; color: var(--muted); font-size: 13px; }
.hero-micro span { display: inline-flex; align-items: center; gap: 8px; }
.hero-micro span::before { content: ""; width: 18px; height: 18px; border-radius: 999px; background: #fff; border: 1px solid var(--line); box-shadow: inset 0 0 0 4px rgba(89,99,255,.12); }
.surface { border: 1px solid rgba(231,237,247,.9); background: rgba(255,255,255,.86); border-radius: 28px; box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.hero-card { padding: 18px; }
.hero-card-inner { display: grid; grid-template-columns: 156px minmax(0, 1fr); border-radius: 24px; overflow: hidden; border: 1px solid #eef2fa; background: linear-gradient(180deg, #fff 0%, #fbfcff 100%); min-height: 512px; }
.sidebar { padding: 18px 14px; background: linear-gradient(180deg, #fbfcfe 0%, #f6f8fc 100%); border-right: 1px solid #edf1f7; }
.sidebar-brand { display: flex; align-items: center; min-height: 28px; }
.sidebar-nav { display: grid; gap: 8px; margin-top: 22px; }
.sidebar-nav div { min-height: 34px; display: flex; align-items: center; gap: 10px; padding: 0 10px; border-radius: 10px; color: #66778f; font-size: 13px; }
.sidebar-nav div::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: #d6ddeb; }
.sidebar-nav .active { color: #203256; background: #eef2ff; font-weight: 600; }
.dashboard { padding: 18px; display: grid; grid-template-rows: auto auto auto 1fr; gap: 14px; align-content: start; }
.score-row, .feature-grid, .infra-grid, .pricing-grid, .auth-layout, .auth-dashboard { display: grid; gap: 14px; }
.score-row { grid-template-columns: 1.12fr .88fr; }
.score-box, .status-box, .panel, .price-card, .auth-form, .auth-showcase-card, .problem-card, .infra-card { border: 1px solid #edf2f7; border-radius: 20px; background: #fff; }
.score-box { padding: 18px; }
.muted-label { font-size: 12px; font-weight: 700; color: #7a8aa2; }
.score-line { display: flex; align-items: flex-end; gap: 10px; margin-top: 10px; }
.score-line strong { font-size: 58px; line-height: .9; letter-spacing: -0.06em; }
.score-line span { color: #7a8aa2; font-size: 24px; font-weight: 700; padding-bottom: 8px; }
.status-box { padding: 18px; display: grid; place-items: center; position: relative; }
.ring { width: 150px; aspect-ratio: 1; border-radius: 999px; background: conic-gradient(var(--mint) 0 62%, #9fe8dd 62% 79%, #8ac8ff 79% 92%, #eef3fb 92% 100%); display: grid; place-items: center; position: relative; }
.ring::before { content: ''; width: 98px; aspect-ratio: 1; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px #edf2f7; }
.ring-shield { position: absolute; width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(180deg, rgba(89,99,255,.12) 0%, rgba(55,216,195,.18) 100%); display: grid; place-items: center; font-size: 20px; }
.status-list, .check-list, .price-list, .domain-list { display: grid; gap: 10px; margin-top: 16px; }
.status-list div, .check-list div, .price-list li, .domain-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #43546e; font-size: 13px; }
.status-list strong, .panel-link { color: #6e79ff; font-weight: 700; }
.status-list em, .price-list strong { font-style: normal; color: var(--mint); font-weight: 700; }
.panel { padding: 16px; }
.panel-title, .section-head h2, .problem-card h3, .infra-card h3, .price-card h3, .auth-copy h1 { margin: 0; }
.panel-title { font-size: 13px; font-weight: 800; color: #243556; }
.panel-sub { color: #74859f; font-size: 12px; margin-top: 4px; }
.table-list { display: grid; gap: 10px; margin-top: 14px; }
.table-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; min-height: 38px; color: #41526d; font-size: 12px; }
.table-row strong { color: #1f3153; }
.status-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 88px; min-height: 28px; border-radius: 999px; background: #edf4ff; color: #5d68ff; font-weight: 700; font-size: 11px; }
.status-pill.warn { background: #fff3e8; color: #ff9c52; }
.bar-chart { height: 154px; display: grid; align-items: end; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.bar-chart span { border-radius: 14px 14px 4px 4px; background: linear-gradient(180deg, var(--blue) 0%, var(--mint) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); }
.bar-labels { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: 12px; color: #9aa7bc; font-size: 10px; text-align: center; }
.score-mini { display: grid; place-items: center; margin-top: 12px; }
.score-mini .ring { width: 124px; }
.activity-list { display: grid; gap: 10px; margin-top: 16px; }
.activity-list div { display: grid; gap: 3px; padding-left: 22px; position: relative; color: #708099; font-size: 12px; }
.activity-list div::before { content: ''; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; border-radius: 999px; background: rgba(55,216,195,.36); box-shadow: inset 0 0 0 4px rgba(55,216,195,.95); }
.activity-list strong { color: #213455; font-size: 12px; }
.section { padding: 28px 0; }
.section-head { text-align: center; max-width: 760px; margin: 0 auto 22px; }
.section-head p { margin: 10px 0 0; color: var(--muted); font-size: 16px; line-height: 1.66; }
.section-head h2 { font-size: clamp(34px, 4vw, 48px); line-height: 1.02; letter-spacing: -0.05em; }
.section-head .eyebrow { margin-bottom: 16px; }
.feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.problem-card, .infra-card, .price-card { padding: 22px; }
.problem-card p, .infra-card p, .price-card p { margin: 12px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.icon-tile { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(180deg, rgba(89,99,255,.14) 0%, rgba(55,216,195,.14) 100%); color: var(--blue); font-size: 18px; margin-bottom: 16px; }
.split-section { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); gap: 26px; align-items: center; }
.scanner-visual { padding: 16px; }
.browser-frame { border-radius: 28px; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); border: 1px solid #edf2f7; box-shadow: 0 28px 60px rgba(15,31,67,.08); }
.browser-top { height: 52px; padding: 0 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #eef2f7; }
.browser-dot { width: 8px; height: 8px; border-radius: 999px; background: #d9e1ee; }
.browser-url { margin-left: 8px; min-height: 34px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 999px; background: #f7f9fd; color: #90a0b8; font-size: 12px; }
.browser-content { padding: 16px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; }
.site-ghost { border-radius: 18px; background: linear-gradient(180deg, #f7f9fe 0%, #fcfdff 100%); min-height: 280px; border: 1px solid #eef2f7; position: relative; overflow: hidden; }
.site-ghost::before { content: ''; position: absolute; inset: 18px 18px auto; height: 16px; border-radius: 999px; background: #edf1f7; box-shadow: 0 34px 0 #f2f5fa, 0 68px 0 #f2f5fa, 0 102px 0 #f2f5fa; }
.scan-sheet { border-radius: 18px; border: 1px solid #edf2f7; padding: 16px; }
.scan-row { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; min-height: 42px; font-size: 12px; color: #41526c; }
.scan-row + .scan-row { border-top: 1px solid #f1f4f8; }
.scan-row i { width: 10px; height: 10px; border-radius: 4px; background: linear-gradient(180deg, var(--blue) 0%, var(--mint) 100%); display: inline-block; }
.check-list div::before, .price-list li::before, .domain-list li::before { content: '✓'; color: var(--mint); font-weight: 900; }
.infra-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.domain-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; align-items: center; text-align: center; color: #6d7791; font-weight: 700; font-size: 18px; opacity: .92; }
.pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.price-card.featured { border-color: rgba(89,99,255,.26); box-shadow: 0 30px 68px rgba(89,99,255,.16); position: relative; transform: translateY(-4px) scale(1.01); }
.price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); padding: 7px 12px; border-radius: 999px; background: linear-gradient(180deg, var(--blue) 0%, #7a7fff 100%); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 10px 22px rgba(89,99,255,.22); }
.price-line { display: flex; align-items: flex-end; gap: 6px; margin-top: 18px; }
.price-line strong { font-size: 42px; line-height: 1; letter-spacing: -0.05em; }
.price-line span { color: #8491a6; font-size: 13px; padding-bottom: 7px; }
.price-card ul { list-style: none; padding: 0; margin: 16px 0 0; }
.cta-band { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 28px 30px; border-radius: 28px; background: linear-gradient(135deg, #eef2ff 0%, #f7fffd 100%); border: 1px solid #e5ebf7; box-shadow: var(--shadow); }
.cta-band h3 { margin: 0; font-size: 34px; line-height: 1; letter-spacing: -0.05em; }
.cta-band p { margin: 10px 0 0; color: var(--muted); }
.site-footer { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 26px 0 40px; color: #7c889d; font-size: 13px; }
.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 28px 0; }
.auth-layout { grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); align-items: stretch; }
.auth-split { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.auth-shell { padding: 24px; border-radius: 30px; background: rgba(255,255,255,.74); border: 1px solid rgba(231,237,247,.88); box-shadow: 0 34px 84px rgba(15,31,67,.08); backdrop-filter: blur(16px); }
.auth-copy { display: grid; align-content: space-between; gap: 24px; }
.auth-copy h1 { font-size: 60px; line-height: .94; letter-spacing: -0.06em; }
.auth-copy p { margin: 14px 0 0; color: var(--muted); font-size: 18px; line-height: 1.62; max-width: 420px; }
.auth-visual { position: relative; min-height: 560px; border-radius: 28px; background: linear-gradient(180deg, #fdfdff 0%, #f7fbff 100%); border: 1px solid #edf2f7; overflow: hidden; display: grid; place-items: center; padding: 36px; }
.auth-visual::before { content: ''; position: absolute; inset: 20px 24px auto auto; width: 140px; height: 88px; border-radius: 22px; border: 1px solid #edf2f7; }
.auth-visual::after { content: ''; position: absolute; inset: auto auto 44px -40px; width: 360px; height: 360px; border-radius: 999px; border: 1px solid rgba(89,99,255,.08); box-shadow: 0 0 0 26px rgba(89,99,255,.04), 0 0 0 52px rgba(89,99,255,.03), 0 0 0 78px rgba(89,99,255,.02); }
.big-mark { width: min(78%, 420px); z-index: 2; }
.auth-form { padding: 26px; display: grid; align-content: start; gap: 16px; }
.form-grid { display: grid; gap: 14px; }
.form-grid label { display: grid; gap: 8px; font-size: 13px; font-weight: 700; color: #253655; }
.input { min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid #dfe6f1; background: #fff; color: #1b2845; font-size: 14px; }
.input-row { position: relative; }
.input-row .input { width: 100%; padding-right: 44px; }
.eye { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #8b98ad; font-size: 15px; }
.row-between { display: flex; justify-content: space-between; gap: 16px; align-items: center; font-size: 13px; color: #60708a; }
.checkbox { display: inline-flex; align-items: center; gap: 8px; }
.checkbox i { width: 14px; height: 14px; border-radius: 4px; background: linear-gradient(180deg, var(--blue) 0%, #7b80ff 100%); box-shadow: inset 0 0 0 3px rgba(255,255,255,.7); }
.social-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.social-btn { min-height: 46px; border-radius: 12px; border: 1px solid #dfe6f1; background: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; font-size: 14px; }
.auth-note { color: #5f6f89; font-size: 13px; text-align: center; }
.auth-note a, .text-link { color: #5863ff; font-weight: 700; }
.auth-showcase-card { padding: 20px; display: grid; gap: 18px; }
.auth-mini-card { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding: 16px; border-radius: 18px; background: linear-gradient(135deg, rgba(89,99,255,.08) 0%, rgba(55,216,195,.1) 100%); }
.auth-mini-card .icon-tile { margin: 0; }
.auth-dashboard { grid-template-columns: 170px minmax(0, 1fr); min-height: 300px; overflow: hidden; border-radius: 24px; }
.auth-dashboard .sidebar { padding-top: 20px; }
.auth-dashboard-main { padding: 18px; background: #fff; }
.stat-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.stat-card { padding: 16px; border-radius: 18px; border: 1px solid #edf2f7; background: #fff; }
.stat-card strong { display: block; font-size: 42px; letter-spacing: -0.05em; }
.footer-mini { display: flex; justify-content: space-between; gap: 16px; color: #7b869d; font-size: 13px; margin-top: 14px; }
.center { text-align: center; }
@media (max-width: 1100px) {
  .hero, .split-section, .auth-layout, .auth-split, .cta-band { grid-template-columns: 1fr; }
  .feature-grid, .infra-grid, .pricing-grid, .domain-strip, .score-row, .browser-content, .stat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-header { grid-template-columns: 1fr; }
  .nav, .header-actions { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .page-shell { width: min(100%, calc(100% - 16px)); }
  .site-header {
    gap: 14px;
    padding: 14px 0 10px;
  }
  .brand-logo { width: 208px; }
  .nav { display: none; }
  .header-actions {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
  }
  .header-link,
  .header-actions .btn-primary {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .hero, .feature-grid, .infra-grid, .pricing-grid, .domain-strip, .score-row, .browser-content, .stat-cards, .feature-grid, .auth-dashboard { grid-template-columns: 1fr; }
  .hero {
    gap: 18px;
    min-height: auto;
    padding: 8px 0 30px;
  }
  .hero h1, .auth-copy h1, .section-head h2 { font-size: 42px; }
  .hero-copy h1 { font-size: 38px; max-width: 100%; }
  .hero-copy p { font-size: 16px; line-height: 1.62; max-width: 100%; }
  .hero-micro {
    gap: 10px;
    margin-top: 18px;
    flex-direction: column;
    align-items: flex-start;
  }
  .hero-proof-grid {
    margin-top: 18px;
    gap: 10px;
  }
  .hero-proof-grid strong { font-size: 22px; }
  .hero-card {
    padding: 14px;
    border-radius: 24px;
  }
  .hero-card-inner {
    grid-template-columns: 1fr;
    min-height: auto;
    border-radius: 20px;
  }
  .sidebar { display: none; }
  .dashboard { padding: 14px; gap: 12px; }
  .score-line strong { font-size: 48px; }
  .status-box { min-height: 190px; }
  .section { padding: 24px 0; }
  .scanner-visual { padding: 10px 0; }
  .scanner-copy h2 { font-size: 38px; }
  .scanner-copy p { font-size: 16px; }
  .scan-sheet { padding: 14px; }
  .domain-strip { gap: 12px; font-size: 16px; }
  .price-card.featured { transform: none; }
  .cta-band { padding: 22px; }
  .cta-band h3 { font-size: 28px; }
  .site-footer, .footer-mini, .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-actions .btn-primary, .hero-actions .btn-secondary, .auth-form .btn-dark, .auth-form .social-btn { width: 100%; }
  .social-row { grid-template-columns: 1fr; }
  .auth-visual { min-height: 320px; }
  .big-mark { width: 220px; }
  .auth-page { padding: 12px 0; }
  .auth-shell { padding: 16px; border-radius: 24px; }
}

.hero-copy {
  padding: 16px 0;
}
.hero-copy h1 {
  max-width: 520px;
}
.hero-copy p {
  max-width: 440px;
}
.auth-page-shell {
  padding-bottom: 28px;
}
.auth-header {
  padding-bottom: 18px;
}
.auth-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  gap: 28px;
  align-items: stretch;
  min-height: calc(100vh - 120px);
}
.auth-stage-copy {
  display: grid;
  align-content: center;
  gap: 22px;
  padding: 8px 6px 8px 0;
}
.auth-stage-copy h1 {
  margin: 0;
  font-size: clamp(56px, 5vw, 72px);
  line-height: .92;
  letter-spacing: -0.065em;
}
.auth-stage-copy p {
  margin: 0;
  max-width: 460px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.68;
}
.auth-point-list {
  display: grid;
  gap: 12px;
}
.auth-point-list div {
  padding: 18px 18px 18px 22px;
  border-radius: 22px;
  border: 1px solid #e8eef8;
  background: rgba(255,255,255,.84);
  box-shadow: 0 14px 32px rgba(15,31,67,.045);
  position: relative;
}
.auth-point-list div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--blue) 0%, var(--mint) 100%);
}
.auth-point-list strong {
  display: block;
  font-size: 15px;
  color: #1d2f50;
}
.auth-point-list span {
  display: block;
  margin-top: 5px;
  color: #6d7d95;
  font-size: 14px;
  line-height: 1.55;
}
.auth-mini-dashboard {
  padding: 18px 20px;
  border-radius: 24px;
}
.auth-mini-dashboard-accent {
  background: linear-gradient(135deg, rgba(89,99,255,.08) 0%, rgba(55,216,195,.10) 100%);
}
.auth-mini-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.auth-mini-head strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.04em;
}
.auth-score-pill {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: #eef2ff;
  color: #5a63ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
}
.auth-score-pill-mint {
  background: rgba(55,216,195,.16);
  color: #149a84;
}
.auth-mini-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.auth-mini-metrics div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.82);
  border: 1px solid #e9eef7;
}
.auth-mini-metrics span {
  display: block;
  color: #7a8aa2;
  font-size: 12px;
  font-weight: 700;
}
.auth-mini-metrics strong {
  display: block;
  margin-top: 10px;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.05em;
}
.auth-card {
  padding: 28px;
  border-radius: 32px;
  display: grid;
  align-content: start;
  min-height: 100%;
}
.auth-card-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #edf2f7;
}
.auth-card-mark {
  width: 44px;
  height: 44px;
  border-radius: 14px;
}
.auth-card-head h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.04em;
}
.auth-card-head p {
  margin: 8px 0 0;
  color: #6c7c94;
  font-size: 14px;
  line-height: 1.55;
}
.auth-form-clean {
  padding: 24px 0 0;
  border: 0;
  background: transparent;
}
.auth-submit {
  width: 100%;
  min-height: 52px;
  border: 0;
  cursor: pointer;
}
.auth-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #8190a6;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.auth-divider::before,
.auth-divider::after {
  content: '';
  height: 1px;
  flex: 1 1 auto;
  background: #e8edf6;
}
.auth-legal {
  color: #7a879a;
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 1100px) {
  .auth-stage { grid-template-columns: 1fr; min-height: auto; }
  .auth-stage-copy { padding-right: 0; }
}
@media (max-width: 760px) {
  .auth-header { padding-bottom: 8px; }
  .auth-stage {
    gap: 18px;
  }
  .auth-stage-copy {
    gap: 18px;
    padding: 0;
  }
  .auth-stage-copy h1 { font-size: 40px; }
  .auth-stage-copy p { font-size: 16px; }
  .auth-point-list div {
    padding: 16px 16px 16px 20px;
    border-radius: 18px;
  }
  .auth-mini-dashboard {
    padding: 16px;
    border-radius: 20px;
  }
  .auth-mini-head strong { font-size: 20px; }
  .auth-mini-metrics { grid-template-columns: 1fr; gap: 10px; }
  .auth-mini-metrics strong { font-size: 24px; }
  .auth-card { padding: 18px; border-radius: 24px; }
  .auth-card-head {
    gap: 12px;
    padding-bottom: 16px;
  }
  .auth-card-head h2 { font-size: 24px; }
  .auth-form-clean { padding-top: 18px; }
}

.auth-stage-tight {
  gap: 28px;
}
.auth-card-strong {
  border-color: #e6ecf7;
  box-shadow: 0 30px 62px rgba(15, 31, 67, 0.09);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(251,253,255,.98) 100%);
}
.auth-mini-note {
  margin-top: 14px;
  color: #6e7e96;
  font-size: 13px;
  line-height: 1.55;
}
.auth-trust-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.auth-trust-row span {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
  border: 1px solid #e6edf7;
  color: #455670;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(15,31,67,.035);
}
.auth-form-clean .social-btn {
  min-height: 50px;
}
.auth-form-clean .input {
  min-height: 52px;
}
@media (max-width: 760px) {
  .auth-trust-row { flex-direction: column; }
  .auth-trust-row span { width: 100%; justify-content: center; }
}


.hero-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}
.hero-proof-grid div {
  padding: 16px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(248,251,255,.92) 100%);
  border: 1px solid #e8eef8;
  box-shadow: 0 16px 34px rgba(15,31,67,.055);
}
.hero-proof-grid span,
.scanner-kpi-row span {
  display: block;
  color: #7a8aa2;
  font-size: 12px;
  font-weight: 700;
}
.hero-proof-grid strong,
.scanner-kpi-row strong {
  display: block;
  margin-top: 10px;
  color: #122341;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.05em;
}
.hero-card {
  padding: 22px;
  border-radius: 34px;
}
.hero-card-inner {
  min-height: 566px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.dashboard {
  gap: 16px;
}
.score-box, .status-box, .panel {
  box-shadow: 0 12px 28px rgba(15,31,67,.035);
}
.panel-highlight {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  position: relative;
  overflow: hidden;
}
.panel-highlight::after {
  content: '';
  position: absolute;
  inset: auto -24px -34px auto;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,180,95,.18) 0%, rgba(255,180,95,0) 72%);
  pointer-events: none;
}
.issue-severity {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: #4f6078;
  font-size: 12px;
  font-weight: 700;
}
.issue-severity span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffb45f 0%, #ff8f3d 100%);
  box-shadow: 0 0 0 6px rgba(255,180,95,.12);
}
.scanner-copy h2 {
  margin: 16px 0 0;
  font-size: 52px;
  line-height: .98;
  letter-spacing: -0.055em;
}
.scanner-copy p {
  max-width: 470px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.64;
}
.scanner-kpi-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.scanner-kpi-row div {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid #e8eef8;
  box-shadow: 0 12px 28px rgba(15,31,67,.04);
}
.cta-band {
  padding: 34px 36px;
}
.cta-band .brand {
  opacity: .94;
}
@media (max-width: 760px) {
  .hero-proof-grid,
  .scanner-kpi-row { grid-template-columns: 1fr; }
  .scanner-copy h2 { font