:root {
  --naec-green: #003f31;
  --naec-green-2: #005b47;
  --naec-gold: #c99a2e;
  --naec-gold-light: #e4c15f;
  --naec-cream: #f8f5ec;
  --naec-ink: #10231e;
  --naec-muted: #5d6b66;
  --naec-line: #ded9ca;
}

.naec-shell,
.naec-shell * { box-sizing: border-box; }

.naec-shell {
  width: min(1180px, calc(100% - 28px));
  margin: 36px auto 64px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--naec-ink);
}

.naec-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  min-height: 650px;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 20% 20%, rgba(228,193,95,.18), transparent 33%),
    linear-gradient(135deg, #002b22, var(--naec-green));
  color: #fff;
  box-shadow: 0 24px 70px rgba(0, 45, 34, .22);
}

.naec-hero__copy { width: 100%; max-width: 720px; margin: 0 auto; padding: clamp(34px, 5vw, 68px); align-self: center; }
.naec-hero__flyer { display: flex; align-items: center; justify-content: center; padding: clamp(18px, 3vw, 34px); background: linear-gradient(180deg, rgba(248,245,236,.98), rgba(238,232,216,.98)); border-left: 1px solid rgba(201,154,46,.28); }
.naec-hero__flyer img { display: block; width: 100%; max-width: 520px; height: auto; max-height: 760px; object-fit: contain; border-radius: 18px; box-shadow: 0 20px 45px rgba(0,35,27,.23); }
.naec-eyebrow { margin: 0 0 14px; color: var(--naec-gold-light); font-size: 13px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.naec-hero h1 { margin: 0; color: #fff; font-size: clamp(38px, 6vw, 70px); line-height: .98; letter-spacing: -.045em; }
.naec-subtitle { max-width: 720px; margin: 24px 0 12px; font-size: clamp(18px, 2vw, 25px); line-height: 1.35; color: #f5e8bb; font-weight: 700; }
.naec-theme { max-width: 680px; margin: 0 0 30px; color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.7; }

.naec-event-facts { display: grid; gap: 12px; }
.naec-fact { display: grid; grid-template-columns: 70px 1fr; gap: 14px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.06); }
.naec-fact span { color: var(--naec-gold-light); font-size: 12px; text-transform: uppercase; letter-spacing: .09em; font-weight: 800; }
.naec-fact strong { color: #fff; font-size: 15px; line-height: 1.4; }


.naec-form-wrap { position: relative; width: min(920px, calc(100% - 36px)); margin: 34px auto 0; padding: clamp(28px, 5vw, 54px); background: #fff; border: 1px solid var(--naec-line); border-radius: 25px; box-shadow: 0 26px 60px rgba(24,38,33,.14); }
.naec-form-intro h2 { margin: 0 0 10px; font-size: clamp(30px, 4vw, 43px); letter-spacing: -.035em; color: var(--naec-green); }
.naec-form-intro > p:last-child { margin: 0 0 28px; color: var(--naec-muted); line-height: 1.7; }

.naec-notice { display: grid; gap: 5px; margin: 0 0 24px; padding: 16px 18px; border-radius: 13px; }
.naec-notice--success { background: #eaf8ef; border: 1px solid #a9dfba; color: #155b30; }
.naec-notice--error { background: #fff0ef; border: 1px solid #efb4af; color: #8b2119; }
.naec-notice--closed { background: #fff7df; border: 1px solid #e6cb73; color: #6f5200; }

.naec-form { margin-top: 24px; }
.naec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.naec-field { display: grid; gap: 8px; }
.naec-field--full { grid-column: 1 / -1; }
.naec-field span,
.naec-choice-group legend { font-size: 14px; font-weight: 800; color: var(--naec-ink); }
.naec-field b,
.naec-choice-group b { color: #a56c00; }
.naec-field input { width: 100%; min-height: 52px; padding: 12px 15px; border: 1px solid #cfc8b7; border-radius: 12px; background: #fff; color: var(--naec-ink); font: inherit; transition: border-color .2s, box-shadow .2s; }
.naec-field input:focus { outline: none; border-color: var(--naec-gold); box-shadow: 0 0 0 4px rgba(201,154,46,.15); }

.naec-choice-group { margin: 25px 0 0; padding: 0; border: 0; }
.naec-choice-row { display: grid; grid-template-columns: repeat(2, minmax(0, 150px)); gap: 12px; margin-top: 12px; }
.naec-choice-row label { cursor: pointer; }
.naec-choice-row input { position: absolute; opacity: 0; pointer-events: none; }
.naec-choice-row span { display: flex; justify-content: center; align-items: center; min-height: 48px; padding: 10px 16px; border: 1px solid #d5cebb; border-radius: 12px; background: var(--naec-cream); color: var(--naec-green); font-weight: 800; transition: .2s; }
.naec-choice-row input:checked + span { border-color: var(--naec-gold); background: var(--naec-green); color: #fff; box-shadow: 0 0 0 4px rgba(201,154,46,.16); }
.naec-choice-row input:focus-visible + span { outline: 3px solid rgba(201,154,46,.45); outline-offset: 2px; }

.naec-submit { width: 100%; margin-top: 30px; min-height: 56px; border: 0; border-radius: 14px; background: linear-gradient(135deg, var(--naec-gold), #e2bd58); color: #15332a; font-size: 16px; font-weight: 900; cursor: pointer; box-shadow: 0 12px 24px rgba(201,154,46,.23); transition: transform .2s, box-shadow .2s; }
.naec-submit:hover { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(201,154,46,.28); }
.naec-submit[disabled] { opacity: .7; cursor: wait; }
.naec-privacy { margin: 14px 0 0; color: var(--naec-muted); text-align: center; font-size: 12px; line-height: 1.6; }
.naec-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

@media (max-width: 820px) {
  .naec-shell { width: min(100% - 18px, 720px); margin-top: 18px; }
  .naec-hero { grid-template-columns: 1fr; border-radius: 22px; }
  .naec-hero__copy { max-width: none; padding: 34px 24px 30px; }
  .naec-hero__flyer { border-left: 0; border-top: 1px solid rgba(201,154,46,.28); padding: 20px; }
  .naec-hero__flyer img { max-width: 620px; max-height: none; border-radius: 14px; }
  .naec-form-wrap { margin-top: 24px; width: calc(100% - 18px); padding: 28px 20px; border-radius: 20px; }
}

@media (max-width: 560px) {
  .naec-grid { grid-template-columns: 1fr; }
  .naec-field--full { grid-column: auto; }
  .naec-choice-row { grid-template-columns: 1fr 1fr; }
  .naec-fact { grid-template-columns: 58px 1fr; }
}