:root{
  --navy:#0d1c30; --navy2:#16304e; --navy3:#1f4066; --gold:#a8842c; --gold2:#d8bb6a; --gold3:#f2e3b4;
  --ivory:#f9f4e6; --paper:#fffdf6; --ink:#16202e; --muted:#6d675a; --line:#e3dbc9;
  --ok:#1f6f43; --warn:#8a5a00; --red:#c1272d;
  --shadow:0 24px 60px rgba(6,14,26,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);
  font:16.5px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman","Book Antiqua",serif;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(34px,5.6vw,62px);color:#fff;letter-spacing:.01em}
h2{font-size:clamp(24px,3.4vw,38px);color:var(--navy)}
h3{font-size:20px;color:var(--navy)}
a{color:#8a6a12}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.narrow{max-width:820px;margin:0 auto}
.center{text-align:center}
.gold{color:var(--gold)}
.tricolor{width:96px;height:11px;margin-bottom:18px;border-radius:1px;
  background:linear-gradient(to right,#1b4f9c 33.3%,#f2c200 33.3% 66.6%,#c1272d 66.6%)}
.kicker{letter-spacing:.3em;text-transform:uppercase;font-size:11.5px;color:var(--gold2);margin:0 0 10px}
.micro{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.lead{font-size:19.5px;color:#cfd8e3;margin:0 0 20px}

/* ornament: brâu geometric repetat */
.brau{height:14px;background:
  repeating-linear-gradient(135deg,transparent 0 9px,var(--gold2) 9px 11px,transparent 11px 20px),
  repeating-linear-gradient(45deg,transparent 0 9px,var(--gold) 9px 10.5px,transparent 10.5px 20px);
  opacity:.55}
.brau.thin{height:9px;opacity:.4}

.hero{position:relative;overflow:hidden;color:#e8eef6;padding:46px 0 62px;
  background:
    radial-gradient(900px 480px at 12% -10%,rgba(216,187,106,.16),transparent 70%),
    radial-gradient(700px 420px at 100% 0%,rgba(31,64,102,.75),transparent 70%),
    linear-gradient(165deg,#132741 0%,#0b1726 72%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:radial-gradient(circle at 20% 30%,var(--gold2) 0 1px,transparent 1.6px),
    radial-gradient(circle at 70% 70%,var(--gold2) 0 1px,transparent 1.6px);
  background-size:64px 64px,88px 88px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}}
.hero-copy{position:relative;z-index:2}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(216,187,106,.45);
  background:rgba(216,187,106,.08);color:#e9e2cf;border-radius:999px;padding:7px 14px;font-size:13.5px}
.chip svg{width:15px;height:15px;fill:var(--gold2)}
.price-band{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:24px 0 6px}
.price{font:700 46px/1 Georgia,serif;color:#fff}
.price-note{color:#b9c6d6;font-size:14.5px}
.preview-frame{position:relative;transform:rotate(-1.1deg);border:10px solid #f6efdd;border-radius:4px;
  box-shadow:var(--shadow);background:#fff}
.preview-frame:after{content:"";position:absolute;inset:-16px;border:1px solid rgba(216,187,106,.45);border-radius:6px;pointer-events:none}
.preview-frame canvas{display:block;width:100%;height:auto}

.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;text-align:center;
  font:600 16px/1 inherit;padding:16px 26px;border-radius:4px;transition:filter .15s,transform .15s}
.btn-primary{background:linear-gradient(180deg,#cda63c,#96731d);color:#1a1405;
  box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary:hover{filter:brightness(1.07)}
.btn-ghost{background:transparent;border:1px solid rgba(216,187,106,.6);color:var(--gold3)}
.btn-ghost.light{background:#fff;border:1px solid var(--line);color:var(--navy)}
.btn.big{width:100%;padding:19px 26px;font-size:17.5px}
.btn:disabled{opacity:.65;cursor:wait}

section.band{padding:56px 0;border-top:1px solid var(--line)}
section.band.dark{background:linear-gradient(180deg,#101f36,#0b1726);color:#dfe7f0;border-top:0}
section.band.dark h2{color:#fff}
section.band.dark p{color:#c3cedd}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
@media (max-width:820px){.pillars{grid-template-columns:1fr}}
.pillar{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:24px;position:relative}
.pillar:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;
  background:linear-gradient(90deg,var(--gold),transparent)}
.pillar svg{width:34px;height:34px;fill:var(--gold);margin-bottom:10px}
.pillar h3{margin:0 0 6px}
.pillar p{margin:0;color:#41506a;font-size:15px}

.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px;margin-top:30px;align-items:start}
@media (max-width:900px){.gallery{grid-template-columns:1fr}}
.slot{background:#0d1c30;border-radius:8px;padding:12px;border:1px solid rgba(216,187,106,.3)}
.slot canvas{width:100%;height:auto;display:block;border-radius:4px}
.slot .cap{color:#b9c6d6;font-size:13px;text-align:center;margin:10px 0 2px}

.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:26px}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding-top:52px}
.step:before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;
  width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#cda63c,#96731d);
  color:#1a1405;font:700 18px/38px Georgia,serif;text-align:center}
.step h4{margin:0 0 4px;color:var(--navy)}
.step p{margin:0;color:#4a5670;font-size:14.5px}

form{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px;margin-top:22px;
  box-shadow:0 18px 44px rgba(20,30,45,.08)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:700px){.grid2{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:14px;margin-bottom:14px;color:var(--navy)}
input[type=text],input[type=email],textarea{width:100%;margin-top:6px;padding:13px;border:1px solid #cfc7b4;
  border-radius:4px;font:400 16px/1.45 inherit;background:#fff;color:var(--ink)}
input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:2px solid rgba(168,132,44,.35);border-color:var(--gold)}
textarea{resize:vertical;font-family:Georgia,serif;font-style:italic}
.hint{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:5px}
fieldset.locale{border:1px solid var(--line);border-radius:6px;padding:14px 16px;margin:6px 0 20px;background:#fff}
fieldset.locale legend{font-weight:700;font-size:13px;padding:0 8px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
label.radio{font-weight:400;display:flex;gap:10px;align-items:flex-start;margin:8px 0}
input[type=checkbox],input[type=radio]{accent-color:#a8842c}
.consents{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
label.check{font-weight:400;font-size:14px;display:flex;gap:11px;align-items:flex-start;margin-bottom:13px;
  background:#fdfaf1;border:1px solid #efe7d5;border-radius:5px;padding:11px 13px}
label.check input{margin-top:3px;flex:0 0 auto;width:18px;height:18px}
label.check b{color:var(--navy)}
.form-error{background:#fdecea;border:1px solid #e6b3ae;color:#8a1f16;padding:13px;border-radius:4px;margin-top:12px}
.notice{padding:13px 15px;border-radius:5px;margin:14px 0;font-size:14.5px}
.notice.ok{background:rgba(31,111,67,.16);border:1px solid rgba(31,111,67,.5);color:#d6ecdd}
.notice.warn{background:rgba(138,90,0,.16);border:1px solid rgba(138,90,0,.5);color:#f2e0bb}

.voucher-hero{margin-top:30px;border:2px dashed var(--gold);border-radius:10px;padding:28px;text-align:center;
  background:linear-gradient(180deg,#fffdf7,#f7f0dd)}
.voucher-hero .big-code{font:700 34px/1.2 "Courier New",monospace;letter-spacing:3px;color:var(--navy);margin:8px 0}
.founder-note{display:inline-block;margin-top:12px;background:linear-gradient(180deg,#cda63c,#96731d);
  color:#1a1405;font-weight:700;padding:9px 15px;border-radius:4px;font-size:14px}

details{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:15px 18px;margin-bottom:11px}
details[open]{border-color:rgba(168,132,44,.55)}
summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;color:var(--gold);font-weight:700}
details[open] summary:after{content:"–"}
details p{margin:12px 0 0;color:#3b4657}

.site-footer{background:#0b1726;color:#a9b6c6;padding:46px 0 34px;margin-top:0;font-size:13.8px}
.site-footer .micro{color:#7d8b9d}
.site-footer .links a{color:var(--gold2);text-decoration:none;margin-right:12px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}
.foot-brand{font-family:Georgia,serif;font-size:21px;color:#fff;letter-spacing:.14em;text-transform:uppercase}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;
  background:linear-gradient(180deg,rgba(11,23,38,.96),rgba(11,23,38,1));border-top:1px solid rgba(216,187,106,.35);
  padding:10px 14px}
.sticky-cta .inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:12px;justify-content:space-between}
.sticky-cta span{color:#e8eef6;font-weight:600}
@media (max-width:760px){.sticky-cta{display:block}body{padding-bottom:78px}}

/* pagina certificatului */
.certscreen{background:linear-gradient(180deg,#0d1c30,#0b1726);min-height:100vh;padding:34px 0 70px;color:#e8eef6}
.certscreen h1{color:#fff}
.certcard{background:#fff;border-radius:8px;padding:12px;margin:20px 0;box-shadow:var(--shadow);
  border:1px solid rgba(216,187,106,.4)}
.certcard canvas{width:100%;height:auto;display:block}
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
@media (max-width:700px){.dl-grid{grid-template-columns:1fr}}
.dl-grid .btn{width:100%}
.voucherbox{background:var(--paper);border:2px dashed var(--gold);border-radius:10px;padding:22px;margin:20px 0;text-align:center;color:var(--ink)}
.vouchercode{font:700 32px/1.2 "Courier New",monospace;letter-spacing:2px;color:var(--navy);word-break:break-all;margin:6px 0}
.share-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.share-row .btn{padding:12px 18px;font-size:14px}
.progress{background:#e9e2d1;border-radius:20px;height:12px;overflow:hidden;margin:12px 0}
.progress > i{display:block;height:100%;background:linear-gradient(90deg,#cda63c,#96731d)}
.founder{background:linear-gradient(180deg,#cda63c,#96731d);color:#1a1405;padding:11px 16px;border-radius:4px;font-weight:700;display:inline-block;margin-top:10px}
.panel{background:#132741;border:1px solid #22385a;border-radius:8px;padding:20px;margin:16px 0}
.panel h3{color:#fff}
.okline{color:#8fd6a9}

/* câmp voucher vizibil */
.ventry{border:2px dashed var(--gold);border-radius:10px;padding:14px 18px;margin:6px 0 4px;background:#fffdf6}
.ventry summary{cursor:pointer;font-weight:700;color:var(--navy);letter-spacing:.3px}
.ventry summary .micro{font-weight:400;text-transform:uppercase}
.ventry-row{display:flex;gap:10px;margin-top:12px;align-items:stretch}
.ventry-row input{flex:1;font:700 20px/1 "Courier New",monospace;letter-spacing:2px;text-transform:uppercase;
  padding:12px 14px;border:1px solid var(--gold);border-radius:8px;background:#fff;color:var(--navy)}
.ventry-row input::placeholder{color:#b9ad8c;letter-spacing:2px}
.ventry .micro{display:block;margin-top:10px}
@media (max-width:560px){.ventry-row{flex-direction:column}}