:root{
      --bg:#F3F4F6;              /* фон страницы */
      --card-border:#E5E7EB;      /* обводка карточки */
      --left:#F8FAFC;             /* фон левой половины */
      --right:#FFFFFF;            /* фон правой половины */

      --text:#0B1220;
      --muted:#6B7280;

      --blue:#155DFC;             /* цена */
      --blue-2:#1A73FF;           /* акцент/фокус */
      --badge-bg:#EAF3FF;

      --green:#22C55E;

      --input:#D1D5DB;
      --ph:#9CA3AF;

      --btn-top:#111C2E;
      --btn-bot:#0B1220;
    }

    *{ box-sizing:border-box; }
    html,body{ height:100%; }
    body{
      margin:0;
      font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background:var(--bg);
      color:var(--text);
    }

    /* Центровка как на скрине */
    .stage{
      min-height:100%;
      display:grid;
      place-items:center;
      padding:20px;
    }

    /* Карточка 1:1 по скрину (2048px скрин: карточка ~1095x650) */
    .card{
      width:1024px;
      height:600px;
      border:1px solid var(--card-border);
      border-radius:18px;
      overflow:hidden;
      display:flex;
	  align-items: center;
      background:var(--right);
      box-shadow:
        0 18px 40px rgba(15, 23, 42, .08),
        0 2px 0 rgba(15, 23, 42, .02);
    }

    .pane{
      height:100%;
      display:flex;
      align-items: center;
    }

    .pane.left{
      width:493px;               /* из скрина */
      background:var(--left);
      padding:0 0 0 65px;    /* снято по пикселям со скрина */
    }

    .pane.right{
      width:531px;               
      background:var(--right);
      padding:0 0 0 65px;
    }

    /* LEFT */
    .badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 16px;
      border-radius:999px;
      background:var(--badge-bg);
      color:var(--blue-2);
      font-weight:500;
      font-size:16px;
      line-height:20px;
    }
    .badge svg{ width:18px;height:18px; }

    .domain{
      margin:28px 0 0;
      font-weight:700;
      font-size:40px;
      letter-spacing:-0.6px;
      line-height:1.05;
    }

    .price{
      margin:12px 0 0;
      font-weight:800;
      font-size:40px;
      letter-spacing:-0.6px;
      line-height:1.05;
      color:var(--blue);
    }

    .lead{
      margin:30px 0 0;
      display:flex;
	  align-items: center;
      gap:14px;
      color:var(--muted);
      font-size:16px;
      line-height:22px;
      font-weight:500;
    }
    .lead .bar{
      width:4px;
      height:38px;
      border-radius:8px;
      background:#8CB7FF;
      margin-top:2px;
      flex:0 0 auto;
    }

    .checks{
      margin:24px 0 0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:14px;
      color:var(--muted);
      font-size:15px;
      line-height:20px;
      font-weight:500;
    }
    .checks li{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .ok{
      width:18px;height:18px;
      border-radius:50%;
      border:2px solid rgba(34,197,94,.35);
      background:rgba(34,197,94,.10);
      display:grid;
      place-items:center;
      flex:0 0 auto;
    }
    .ok svg{ width:12px;height:12px; fill:var(--green); }

    /* RIGHT */
    .title{
      margin:0 0 22px;
      font-weight:700;
      font-size:20px;
      letter-spacing:-0.3px;
      line-height:32px;
    }

    .field{ margin:0 0 18px; }
    .label{
      display:block;
      margin:0 0 10px;
      font-weight:600;
      font-size:16px;
      line-height:18px;
      color:#111827;
    }

    .control{
      width:410px;               /* визуально как на скрине */
      height:52px;
      border-radius:18px;
      border:1px solid var(--input);
      padding:0 18px;
      font-size:16px;
      line-height:20px;
      outline:none;
      background:#f9fafb;
      color:#111827;
	  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }
    .control::placeholder{ color:var(--ph); }

    .control.focused, .control:focus{
      border-color:var(--blue-2);
      box-shadow:0 0 0 2px rgba(26,115,255,.18);
    }

    textarea.control{
      height:96px;
      padding:16px 18px;
      resize:none;
	  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    .btn{
      width: 100%;
      height:52px;
      border:none;
      border-radius:20px;
      background:#101828;
      color:#fff;
      font-weight:500;
      font-size:16px;
      cursor:pointer;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  align-content: center;
	  justify-content: center;
	  gap: 10px;
	  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }
    .btn .text{
      display:block;
      text-align:center; /* как на скрине */
      pointer-events:none;
    }

    .consent{
      margin-top:14px;
      display:flex;
      align-items: center;
      gap:10px;
      color:var(--muted);
      font-weight:500;
      font-size:14px;
      line-height:18px;
      width:410px;
    }

    .consent input{
      width:18px;height:18px;
      margin-top:2px;
      border-radius:4px;
      border:1px solid var(--input);
      appearance:none;
      background:#fff;
      position:relative;
      flex:0 0 auto;
    }
    .consent input:checked{
      border-color:rgba(26,115,255,.55);
      box-shadow:0 0 0 2px rgba(26,115,255,.14);
    }
    .consent input:checked::after{
      content:"";
      position:absolute;
      inset:4px;
      background:var(--blue-2);
      clip-path: polygon(14% 44%, 0 58%, 40% 98%, 100% 20%, 86% 6%, 40% 72%);
    }

    .consent a{
      color:var(--muted);
      text-decoration:underline;
      text-underline-offset:3px;
    }
	
	.error, .error+span, .error+span a {
		border-color: red !important;
		color: red !important;
	}

    /* Адаптив (не ломаем, но десктоп 1:1) */
    @media (max-width: 1160px){
      .card{ width:100%; height:auto; }
      .pane{ width:50% !important; }
      .pane.left,.pane.right{ padding:72px 24px; }
      .control,.btn,.consent{ width:100%; }
    }
    @media (max-width: 860px){
      .card{ flex-direction:column; }
      .pane{ width:100% !important; }
    }