/* Mirënjohja v3 — shtresa e re vizuale (ngarkohet pas style.css) */
:root{--blue:#0a6a9c;--blue-d:#07486b;--navy:#0b2536;--navy-2:#123a52;--orange:#f2a127;--orange-2:#ffc45e;--sand:#f6f1e8;--pale:#f2f7fa;--ink:#13303f;--muted:#4f6573;--line:#dde7ec;--r:18px;--shadow-s:0 1px 2px rgba(11,37,54,.06),0 8px 24px -12px rgba(11,37,54,.18);--shadow-m:0 2px 4px rgba(11,37,54,.05),0 24px 48px -20px rgba(11,37,54,.28)}
body{background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--orange);color:var(--navy)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-weight:800}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--orange);flex:none}
.editorial-hero .eyebrow,.impact-heading .eyebrow,.purpose-grid .eyebrow{color:var(--orange-2)}
h1,h2{color:var(--navy)}.editorial-hero h1,.impact-section h2,.cta h2,.purpose-section h2{color:#fff}

/* Butonat */
.button{border-radius:999px;background:linear-gradient(135deg,var(--orange-2),var(--orange));color:var(--navy);padding:16px 30px;box-shadow:0 10px 24px -10px rgba(242,161,39,.8),inset 0 1px 0 rgba(255,255,255,.45);font-weight:800;letter-spacing:.01em;gap:14px}
.button:hover{background:linear-gradient(135deg,#ffd07f,var(--orange));transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(242,161,39,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.button.blue{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;box-shadow:0 12px 26px -12px rgba(10,106,156,.8)}
.button.blue:hover{background:linear-gradient(135deg,var(--blue-d),var(--navy))}
.button.compact{border-radius:999px;padding:11px 20px;min-height:44px}
.text-link{color:var(--blue);position:relative}.text-link:hover{text-decoration:none;color:var(--blue-d)}
.text-link.light{color:#fff}.text-link.light:hover{color:var(--orange-2)}
.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}

/* Topbar + header */
.topbar{background:linear-gradient(90deg,var(--navy),var(--navy-2));padding:7px 0;font-size:.82rem;letter-spacing:.02em}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(11,37,54,.08);box-shadow:0 8px 30px -22px rgba(11,37,54,.4)}
body.admin-bar .site-header{top:32px}
.header-inner{min-height:88px}.brand img{width:58px;height:58px;filter:drop-shadow(0 4px 8px rgba(11,37,54,.14))}
.brand{color:var(--navy)}.brand small{color:var(--muted);font-weight:500}
.header-inner nav a{color:var(--ink);font-weight:700;transition:color .2s}.header-inner nav a:hover{color:var(--blue)}
.header-inner nav a[aria-current=page]:after{height:3px;border-radius:3px}
.languages{background:var(--pale);border-radius:999px;padding:3px;gap:2px}.languages a{padding:2px 12px;border-radius:999px;color:var(--muted);min-height:34px}.languages a[aria-current=true]{background:#fff;color:var(--navy);border:0;box-shadow:var(--shadow-s)}

/* Hero */
.editorial-hero{min-height:720px;background:var(--navy)}
.hero-background{transform:scale(1.04);animation:mjzoom 18s ease-out forwards}
@keyframes mjzoom{to{transform:scale(1)}}
.hero-shade{background:linear-gradient(100deg,rgba(7,28,42,.97) 0%,rgba(7,28,42,.86) 38%,rgba(7,28,42,.42) 72%,rgba(7,28,42,.25) 100%),linear-gradient(0deg,rgba(7,28,42,.85) 0%,transparent 38%)}
.hero-content{min-height:720px;padding-block:96px 0}
.editorial-hero h1{font-size:clamp(2.9rem,5.2vw,5.4rem);line-height:1.08;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.editorial-hero .hero-copy>p{font-size:1.15rem;color:#e6eef2}
.hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-top:60px}
.hero-foot .hero-caption{margin:0 0 34px;max-width:420px}
.hero-stats{display:grid;grid-template-columns:repeat(3,auto);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:22px 22px 0 0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-stats>div{padding:26px 36px;display:flex;flex-direction:column;gap:2px;border-inline-start:1px solid rgba(255,255,255,.18)}
.hero-stats>div:first-child{border:0}
.hero-stats strong{white-space:nowrap;font-size:1.9rem;line-height:1.2;color:#fff;font-weight:800;letter-spacing:-.03em}
.hero-stats span{font-size:.8rem;color:#cfe0e8;max-width:170px;line-height:1.5}
.promise-strip{background:linear-gradient(90deg,var(--orange),var(--orange-2));color:var(--navy)}

/* Seksionet */
.section{padding-block:110px}
.intro-section h2{max-width:520px}
.impact-section{background:radial-gradient(900px 400px at 85% -10%,rgba(10,106,156,.55),transparent 60%),linear-gradient(160deg,var(--navy),#0e3148);position:relative;overflow:hidden}
.impact-section:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.06);inset-inline-end:-160px;bottom:-260px}
.impact-facts{border-top:1px solid rgba(255,255,255,.16)}
.impact-facts strong{background:linear-gradient(180deg,#fff,#bcd6e4);-webkit-background-clip:text;background-clip:text;color:transparent}
.project-card{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow-s);background:#fff}
.project-card .card-image{position:relative;aspect-ratio:1.5}
.project-card .card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,37,54,.35),transparent 45%);opacity:0;transition:opacity .3s}
.project-card:hover .card-image:after{opacity:1}
.project-card .small-label{display:inline-block;background:var(--pale);color:var(--blue);padding:3px 11px;border-radius:999px;font-weight:700}
.project-card .text-link{color:var(--blue)}
@media(hover:hover) and (pointer:fine){.project-card:hover{box-shadow:var(--shadow-m);border-color:#bcd3df}}
.feature-section{background:linear-gradient(180deg,var(--pale),#fff)}
.feature-photo{position:relative}.feature-photo:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:2px solid var(--orange);border-radius:var(--r);z-index:0}
[dir=rtl] .feature-photo:before{inset:22px 22px -22px -22px}
.feature-photo img{position:relative;z-index:1;border-radius:var(--r);box-shadow:var(--shadow-m)}
.giving-section{background:var(--sand)}
.giving-grid{border:0;gap:22px}
.giving-grid article{background:#fff;border:1px solid rgba(11,37,54,.06);border-radius:var(--r);padding:36px;box-shadow:var(--shadow-s);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.giving-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}
.giving-grid article:before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.giving-index{color:var(--orange);font-size:2.4rem;font-weight:800}
.report-tile{border-radius:var(--r);background:linear-gradient(150deg,var(--blue),var(--navy));border:0;box-shadow:var(--shadow-m);position:relative;overflow:hidden}
.report-tile:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(242,161,39,.35),transparent 70%);inset-inline-end:-80px;top:-80px}
.report-tile:hover{background:linear-gradient(150deg,var(--blue-d),var(--navy))}
.faq-section details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 24px;margin-bottom:12px;transition:box-shadow .2s}
.faq-section details[open]{box-shadow:var(--shadow-s);border-color:#bcd3df}
.faq-section summary{padding-block:18px}
.cta{background:radial-gradient(700px 300px at 90% 0,rgba(242,161,39,.28),transparent 60%),linear-gradient(135deg,var(--blue),var(--navy));position:relative;overflow:hidden}
.page-head{background:radial-gradient(800px 300px at 90% 0,rgba(10,106,156,.14),transparent 65%),var(--pale);border-bottom:1px solid var(--line)}
.purpose-section{background:linear-gradient(160deg,var(--navy),#0e3148)}
.principles article{background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:14px;padding:26px;box-shadow:var(--shadow-s)}
.facts-grid{border-radius:var(--r)}.facts-grid article{background:transparent;border:0;box-shadow:none;padding:0}
.donation-card{border-radius:var(--r);box-shadow:var(--shadow-s);border-color:var(--line)}
.about-image,.project-detail>img{border-radius:var(--r)}
.site-footer{background:linear-gradient(180deg,var(--navy),#071c2a)}

/* Regjistrimi i donatorëve */
.reg-section{background:linear-gradient(180deg,#fff 0,var(--pale) 100%);padding-block:100px;scroll-margin-top:90px}
.reg-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.reg-aside{position:sticky;top:120px}
.reg-aside h2{font-size:clamp(2rem,3vw,2.9rem)}.reg-aside .lead{font-size:1.05rem}
.reg-points{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px}
.reg-points li{display:flex;gap:14px;align-items:center;font-weight:600;color:var(--ink)}
.reg-points li span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--orange-2);display:grid;place-items:center;font-size:.85rem}
.reg-phone{display:inline-block;font-size:1.5rem;font-weight:800;color:var(--blue);letter-spacing:-.02em;border-bottom:3px solid var(--orange)}
.reg-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,4vw,46px);box-shadow:var(--shadow-m);position:relative}
.reg-card:before{content:"";position:absolute;inset-inline:40px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.reg-form{display:grid;gap:30px}
.reg-step{border:0;padding:0;margin:0;display:grid;gap:18px}
.reg-step legend{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.1rem;color:var(--navy);padding:0;margin-bottom:6px;float:left;width:100%}
.reg-step legend+*{clear:both}
.reg-step legend span{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.9rem}
.reg-field{display:grid;gap:8px}.reg-field>span{font-size:.86rem;font-weight:700;color:var(--muted)}
.reg-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reg-card input[type=text],.reg-card input[type=email],.reg-card input[type=tel],.reg-card input[type=number],.reg-card select,.reg-card textarea{width:100%;font:inherit;color:var(--ink);background:var(--pale);border:1.5px solid transparent;border-radius:12px;padding:14px 16px;min-height:52px;transition:border-color .2s,background .2s,box-shadow .2s}
.reg-card textarea{resize:vertical}
.reg-card input:focus,.reg-card select:focus,.reg-card textarea:focus{outline:0;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,106,156,.14)}
.reg-chips{display:flex;flex-wrap:wrap;gap:10px}
.reg-chips button{border:1.5px solid var(--line);background:#fff;color:var(--navy);font-weight:800;border-radius:999px;padding:9px 20px;cursor:pointer;transition:all .18s}
.reg-chips button:hover{border-color:var(--blue)}.reg-chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.reg-amount{display:grid;grid-template-columns:1fr 120px;gap:10px}
.reg-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);border-radius:12px;padding:4px}
.reg-seg label{position:relative}.reg-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.reg-seg b{display:block;text-align:center;padding:11px;border-radius:9px;font-weight:700;color:var(--muted);transition:all .18s}
.reg-seg input:checked+b{background:#fff;color:var(--navy);box-shadow:var(--shadow-s)}
.reg-seg input:focus-visible+b{outline:3px solid var(--orange)}
.reg-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reg-methods label{position:relative;display:block}.reg-methods input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:2}
.reg-methods span{display:flex;flex-direction:column;gap:3px;height:100%;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff;transition:all .18s}
.reg-methods strong{color:var(--navy);font-size:.98rem}.reg-methods small{color:var(--muted);font-size:.8rem;line-height:1.5}
.reg-methods input:checked+span{border-color:var(--blue);background:#f1f8fc;box-shadow:0 0 0 4px rgba(10,106,156,.1)}
.reg-methods input:focus-visible+span{outline:3px solid var(--orange)}
.reg-check-row{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--muted);cursor:pointer}
.reg-check-row input{margin-top:5px;width:18px;height:18px;accent-color:var(--blue);flex:none}
.reg-submit{width:100%;font-size:1.05rem;min-height:60px;border:0;cursor:pointer}
.reg-note{font-size:.8rem;color:var(--muted);margin:0;text-align:center;line-height:1.7}
.reg-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.reg-error{background:#fdeeee;color:#8c1d1d;border:1px solid #f0c4c4;border-radius:12px;padding:14px 18px;margin-bottom:22px;font-weight:600}
.reg-success{text-align:center;display:grid;gap:14px;justify-items:center;padding-block:10px}
.reg-check{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#27ae60,#1a8f4e);color:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 14px 28px -10px rgba(26,143,78,.7)}
.reg-success h3{margin:0;font-size:1.7rem;color:var(--navy)}.reg-success p{color:var(--muted);max-width:480px;margin:0}
.reg-ref{background:var(--sand);border:2px dashed #d5c7a8;border-radius:16px;padding:18px 34px;display:grid;gap:4px}
.reg-ref strong{font-size:2rem;letter-spacing:.08em;color:var(--navy);font-variant-numeric:tabular-nums}.reg-ref small{color:var(--muted)}
.reg-success h4{margin:10px 0 0;color:var(--navy)}
.reg-bank{text-align:start;background:var(--pale);border-radius:14px;padding:6px 22px 18px;width:100%;margin:0}
@media(max-width:1000px){.reg-grid{grid-template-columns:1fr;gap:40px}.reg-aside{position:static}}
@media(max-width:560px){.reg-two,.reg-methods{grid-template-columns:1fr}.reg-section{padding-block:60px}}

/* Animacione */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}

/* RTL */
[dir=rtl] .hero-shade{background:linear-gradient(260deg,rgba(7,28,42,.97) 0%,rgba(7,28,42,.86) 38%,rgba(7,28,42,.42) 72%,rgba(7,28,42,.25) 100%),linear-gradient(0deg,rgba(7,28,42,.85) 0%,transparent 38%)}
[dir=rtl] .reg-step legend{float:right}
[dir=rtl] .hero-stats strong{font-size:1.7rem}
[dir=rtl] .eyebrow{letter-spacing:0}

/* Përgjigjshmëria */
@media(max-width:1000px){.hero-foot{grid-template-columns:1fr;gap:26px}.hero-stats{width:100%;border-radius:18px 18px 0 0}.hero-stats>div{padding:20px 18px}.hero-stats strong{font-size:1.3rem}.hero-foot .hero-caption{margin:0}}
@media(max-width:800px){.editorial-hero,.hero-content{min-height:640px}.hero-content{padding-top:56px}.section{padding-block:64px}.site-header{backdrop-filter:none;background:#fff}.feature-photo:before{display:none}.hero-stats{grid-template-columns:1fr}.hero-stats>div{border-inline-start:0;border-top:1px solid rgba(255,255,255,.18);flex-direction:row;align-items:baseline;gap:14px}.hero-stats>div:first-child{border-top:0}.hero-stats span{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-background{animation:none;transform:none}.js .reveal{opacity:1;transform:none;transition:none}}