:root{
      --bg: #e9f3ff;          /* светло син фон */
      --bg-accent: #d8eaff;   /* още по-светъл за орнамент/градиент */
      --card: #ffffff;        /* бяла карта */
      --primary: #0a5bd9;     /* по-тъмен син за акценти */
      --primary-600:#094fc0;
      --text: #0f172a;        /* почти черно за добър контраст */
      --muted: #55657e;       /* вторичен текст */
      --ring: rgba(10,91,217,0.25);
      --ok: #126e2f;
      --err:#b42318;
      --shadow: 0 10px 30px rgba(16,24,40,0.08);
      --radius: 16px;
      --space: clamp(16px, 2vw, 24px);
    }
    *{ box-sizing:border-box }
    html,body{ height:100% }
	body {
	  margin: 0;
	  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	  color: var(--text);
	  background: #f5f5f5;  /* един цвят */
	  min-height: 100vh;
	  display: grid;
	  place-items: center;
	  padding: clamp(16px, 4vw, 48px);
	}

    .wrap{
      width:min(920px, 100%);
      display:grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: clamp(16px, 3vw, 28px);
      align-items:stretch;
    }
    @media (max-width: 900px){
      .wrap{
        grid-template-columns: 1fr;
        max-width: 560px;
      }
    }

    .hero{
      background: linear-gradient(180deg, #f8fbff, #f2f8ff 60%, #ebf4ff);
      border-radius: var(--radius);
      padding: calc(var(--space) * 1.25);
      box-shadow: var(--shadow);
      display:flex;
      flex-direction:column;
      justify-content:center;
      position:relative;
      overflow:hidden;
      isolation:isolate;
    }
    .hero::after{
      content:"";
      position:absolute; inset:0;
      background:
        radial-gradient(240px 160px at 85% 20%, rgba(255,255,255,0.8), transparent 60%),
        radial-gradient(260px 180px at 10% 90%, rgba(255,255,255,0.7), transparent 60%);
      z-index:-1;
    }
    .badge{
      display:inline-flex; align-items:center; gap:8px;
      font-size:12px; font-weight:600; letter-spacing:.02em;
      color:var(--primary);
      background:#e6f0ff;
      padding:6px 10px; border-radius:999px;
      width:max-content;
      border:1px solid #d8e6ff;
    }
    .brand{
      display:flex; align-items:center; gap:12px; margin-bottom:12px;
    }
    .brand-logo{
      width:40px; height:40px; border-radius:10px;
      background: linear-gradient(135deg, var(--primary), #3a84ff);
      box-shadow: 0 6px 18px rgba(10,91,217,0.25), inset 0 1px 0 rgba(255,255,255,0.2);
      display:grid; place-items:center; color:#fff; font-weight:700;
    }
    h1{
      margin:6px 0 10px 0;
      font-size: clamp(22px, 2.2vw, 28px);
      line-height:1.2;
    }
    .sub{
      color:var(--muted);
      font-size: clamp(14px, 1.6vw, 16px);
      max-width:48ch;
    }
    .points{
      margin-top: 18px; color:#314661; display:grid; gap:10px;
      font-size:14px;
    }
    .points li{ list-style: none; position: relative; padding-left:26px; }
    .points li::before{
      content:"";
      position:absolute; left:0; top:7px;
      width:12px; height:12px; border-radius:3px;
      background: linear-gradient(135deg, #3a84ff, var(--primary));
      box-shadow: 0 0 0 3px rgba(58,132,255,0.15);
    }

    .card{
      background: var(--card);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: calc(var(--space) * 1.25);
      display:flex; flex-direction:column; gap:14px;
      align-self:center;
	  border: 1px solid #d4af37;
    }
    .card header{
      display:flex; flex-direction:column; gap:6px; margin-bottom:6px;
    }
    .card h2{
      margin:0; font-size: clamp(18px, 2vw, 22px);
    }
    .card p{ margin:0; color:var(--muted); font-size:14px }

    form{ display:grid; gap:12px; }
    label{ font-size:14px; font-weight:600; margin-bottom:4px; display:block; }
    .field{ display:grid; gap:6px; }
	.input {
	  width: 100%;
	  padding: 12px;
	  border: 1px solid #ccc;
	  border-radius: 8px;
	  font-size: 15px;
	  transition: border 0.2s, box-shadow 0.2s;
	}
	.input:focus {
	  border-color: #d4af37;         /* златист акцент */
	  box-shadow: 0 0 6px rgba(212, 175, 55, 0.4);
	  outline: none;
	}
	.input::placeholder {
	  color: #aaa;
	  font-size: 14px;
	}
    .row{
      display:grid; gap:12px; grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 560px){ .row{ grid-template-columns: 1fr; } }

    .check{
      display:flex; align-items:center; gap:10px; user-select:none; font-size:14px;
    }
    .check input[type="checkbox"] {
	  accent-color: #d4af37; /* Златист */
	  width: 18px;
	  height: 18px;
	  cursor: pointer;
	}

	.check span {
	  margin-left: 6px;
	  font-size: 14px;
	  color: var(--text);
	}

    .btn{
      cursor:pointer;
      border:none;
      border-radius:12px;
      padding:14px 16px;
      font-weight:600;
      background: linear-gradient(180deg, #2f74ff, var(--primary));
      color:#fff;
      box-shadow: 0 8px 20px rgba(10,91,217,.25);
      transition: transform .06s ease, filter .2s ease, box-shadow .2s ease;
    }
    .btn:hover{ filter: brightness(1.02) }
    .btn:active{ transform: translateY(1px) }

    .help{
      display:flex; justify-content:space-between; align-items:center; margin-top:4px;
      font-size:13px;
    }
    .help a{
      color: var(--primary); text-decoration:none; font-weight:600;
    }
    .help a:hover{ text-decoration:underline }

    .alert{
      border-radius:12px; padding:12px 14px; font-size:14px; line-height:1.35;
      border:1px solid; background:#fff;
    }
    .alert.error{ color:var(--err); border-color:#ffd5d1; background:#fff2f1; }
    .alert.info{ color:var(--ok); border-color:#cde7d6; background:#eef9f1; }

    /* Предпазване от хоризонтален скрол */
    .wrap, .card, .hero{ max-width:100%; overflow-wrap:anywhere; }
	
	/* Скрий honeypot полето за ботове */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
/* Само форма, центрирана */
.wrap{
  max-width:520px;                    /* ширина на картата */
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  margin:0 auto;                      /* центриране */
}
.card{ align-self:center }            /* вертикално в средата */


/* Лого */
.card .logo {
  text-align: center;
  margin-bottom: 15px;
}
.card .logo img {
  max-width: 120px;
  height: auto;
}

/* Златист бутон */
.btn {
  display: block;
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: linear-gradient(90deg, #d4af37, #c5a028);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: all 0.2s ease-in-out;
}

.btn:hover {
  background: linear-gradient(90deg, #c5a028, #a8891f);
  transform: translateY(-2px);
}