
:root{--bg:#0a0d12;--panel:#131922;--gold:#d4b36a;--white:#f5f3ee;--muted:#b5bdc7;--line:#38404a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:var(--gold)}.wrap{max-width:1150px;margin:auto;padding:0 24px}header{position:sticky;top:0;background:#0a0d12f5;z-index:5;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px;flex-wrap:wrap}.brand{font:700 26px Georgia,serif;letter-spacing:3px;color:var(--gold);text-decoration:none}.navlinks{display:flex;gap:17px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:#e3e6ea;font-size:13px}.navlinks a:hover{color:var(--gold)}button{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:8px 13px;cursor:pointer;border-radius:4px}.hero{background:radial-gradient(circle at 70% 20%,#253248 0%,#101722 37%,#0a0d12 80%);padding:115px 0 105px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--gold);font-weight:bold}.hero h1{font:normal clamp(42px,7vw,80px)/1.08 Georgia,serif;max-width:850px;margin:18px 0 26px}.lead{font-size:21px;color:#d2d8de;max-width:780px}.btn{display:inline-block;background:var(--gold);color:#0a0d12;padding:12px 22px;margin:18px 12px 0 0;text-decoration:none;font-weight:700;border-radius:3px}.btn.outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}section{padding:85px 0;border-bottom:1px solid #252c35}h2{font:normal clamp(32px,4vw,49px)/1.2 Georgia,serif;margin:12px 0 28px}h3{color:var(--gold);font:normal 24px Georgia,serif;margin:0 0 14px}p{color:#d0d5dc;margin:0 0 20px}.intro{font-size:19px;max-width:920px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{padding:28px;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold)}.card p{font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.quote{border-left:3px solid var(--gold);padding:22px 30px;background:#151b24;font:italic 25px Georgia,serif;color:#eee}.small{font-size:13px;color:var(--muted)}.member{background:#171d26;padding:30px;border:1px solid #424956}.member strong{display:block;font:normal 32px Georgia,serif;color:var(--gold)}.number{font:normal 56px Georgia,serif;color:var(--gold)}.steps{counter-reset:s}.steps li{margin:0 0 17px;padding-left:8px;color:#d0d5dc}.notice{border:1px solid #655637;background:#201d18;padding:24px}.footer{padding:55px 0;background:#080b0f}.footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p{max-width:600px}.hidden{display:none!important}body[data-lang="de"] [lang="en"],body[data-lang="en"] [lang="de"]{display:none!important}@media(max-width:800px){.grid,.split{grid-template-columns:1fr}.hero{padding:75px 0}.navlinks{gap:10px}section{padding:60px 0}}
input,textarea,select{width:100%;background:#0d131c;border:1px solid #59616c;border-radius:4px;padding:12px;color:#f5f3ee;font:inherit}label{display:block;color:#eee;margin:16px 0 7px;font-weight:bold}.formbox{background:#141b25;border:1px solid #4b5360;padding:28px;max-width:790px}.formbox button{background:var(--gold);color:#0a0d12;font-weight:bold;margin-top:18px}.formbox button:hover{background:#e7c985}.formbox a{overflow-wrap:anywhere}.status{margin-top:18px}.status:empty{display:none}#apply{scroll-margin-top:90px}@media(max-width:650px){.formbox{padding:18px}}

.lang-content{display:none}
body[data-lang="en"] .lang-content[data-content-lang="en"],
body[data-lang="de"] .lang-content[data-content-lang="de"],
body[data-lang="es"] .lang-content[data-content-lang="es"]{display:block}
.language-switch{display:flex;gap:6px;align-items:center}
.language-switch button{padding:7px 11px;min-width:40px;font-weight:700}
.language-switch button[aria-pressed="true"]{background:var(--gold);color:#0a0d12}
body[data-lang="en"] .nav-lang:not([data-nav-lang="en"]),
body[data-lang="de"] .nav-lang:not([data-nav-lang="de"]),
body[data-lang="es"] .nav-lang:not([data-nav-lang="es"]){display:none}
.nav-lang{display:flex;flex-wrap:wrap;gap:15px}



.level-symbol{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border:1px solid #d5ae61;border-radius:50%;background:linear-gradient(145deg,#25272d,#090c10);font-size:29px;vertical-align:middle;margin:0 12px 8px 0;box-shadow:0 0 0 3px #16191d}
.level-symbol.tier1{color:#cc9366;border-color:#cc9366}
.level-symbol.tier2{color:#c9d0d8;border-color:#c9d0d8}
.level-symbol.tier3{color:#e6bc58;border-color:#e6bc58}
.level-symbol.tier4{color:#f2cf75;border-color:#f2cf75}
.level-symbol.tier5{color:#ffd877;border-color:#ffd877}
.level-card{position:relative}
.access-policy{margin-top:22px;padding:22px;border:1px solid #bd9b53;background:#141a22;border-radius:10px}
.access-policy h3{color:#e8c778;margin-top:0}



:root{--bg:#080e17;--panel:#111b29;--gold:#dfba6b;--white:#f6f6f4;--muted:#b7c5d3;--line:#344252}
body{background:radial-gradient(ellipse at 55% 0,#17283b 0,#080e17 44%);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.006em}
.wrap{max-width:1240px;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
header{background:rgba(7,13,22,.96);border-bottom:1px solid #75603a;box-shadow:0 8px 35px #0005;backdrop-filter:blur(18px)}
nav{min-height:92px;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Impact,'Arial Narrow',sans-serif;font-size:29px;letter-spacing:2px;color:#f2f5fa}.brand img{width:48px;height:52px;object-fit:contain}
.nav-lang{gap:14px}.nav-lang a{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#d8e0e9;transition:color .2s}.nav-lang a:hover{color:#dfba6b}
.language-switch{padding:4px;border:1px solid #6b5c43;border-radius:7px;background:#0d1622}.language-switch button{border:0;border-radius:4px;color:#d3dce7;font-size:12px;letter-spacing:.08em}.language-switch button[aria-pressed=true]{background:#dfba6b;color:#09111a;box-shadow:0 2px 10px #d8b56840}
.hero{position:relative;overflow:hidden;padding:84px 0 78px;background:radial-gradient(circle at 50% 25%,#253a50 0%,#101b2b 38%,#080e17 80%);border-bottom:1px solid #aa854b}
.hero:before{content:'';position:absolute;inset:0;opacity:.21;pointer-events:none;background-image:radial-gradient(circle,#d9c18d 1px,transparent 1.7px),linear-gradient(125deg,transparent 46%,#b38d4a24 47%,transparent 48%);background-size:76px 66px,100% 100%;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.hero .wrap{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-emblem{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:12px}.hero-emblem img{width:clamp(120px,15vw,185px);filter:drop-shadow(0 8px 24px #0009)}.hero-emblem span{font-weight:800;font-size:clamp(12px,1.5vw,18px);letter-spacing:.15em;color:#e3c17d;text-transform:uppercase;max-width:850px;line-height:1.6}
.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.018em;font-size:clamp(43px,6.2vw,83px);line-height:1.04;max-width:1000px;margin:12px auto 20px;color:#f7f8fa;text-shadow:0 4px 24px #0009}
.hero .eyebrow{letter-spacing:.22em;color:#e2c280}.hero .lead{max-width:810px;font-size:clamp(16px,2vw,21px);line-height:1.8;color:#d5e0ec}.hero .btn{margin-top:20px}
.hero-ribbon{margin-top:48px;border-top:1px solid #a18b64;border-bottom:1px solid #a18b64;padding:14px 16px;max-width:920px;width:100%;font-size:clamp(10px,1.3vw,13px);font-weight:800;letter-spacing:.17em;color:#d7e0ea}.hero-signature{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.18em;color:#e5c078;font-size:clamp(17px,2vw,26px);margin-top:22px}
section{padding:clamp(62px,7vw,104px) 0;border-bottom:1px solid #293849}section:nth-of-type(even){background:linear-gradient(115deg,#0c1623,#111d2b 65%,#0c1521)}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;font-size:clamp(30px,3.8vw,49px)}h3{font-family:Segoe UI,Arial,sans-serif;font-weight:750;font-size:20px;letter-spacing:.01em}.eyebrow{color:#e4c17c;letter-spacing:.2em}
.grid{gap:22px}.card,.member{border:1px solid #425064;border-top:3px solid #d8ad5d;background:linear-gradient(145deg,#192638,#101925);border-radius:9px;box-shadow:0 16px 32px #0003;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#c49b56}.card{padding:30px}.card h3{line-height:1.35}.member strong,.number{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.03em}
.btn,.formbox button{border-radius:5px;background:linear-gradient(120deg,#f2d38d,#cba253);color:#0a121c;font-size:13px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px #0005}.btn.outline{border:1px solid #d6ae61;background:#101925;color:#e8c581}.btn:hover,.formbox button:hover{filter:brightness(1.1)}.quote{border-left:4px solid #d8ae62;background:#172334}.notice,.access-policy{border-radius:8px}.formbox{border-radius:10px;background:linear-gradient(145deg,#182638,#0d1623);border-top:3px solid #d6ad5c}.footer{border-top:2px solid #aa834b;background:#070c13}
.level-symbol{box-shadow:0 0 0 3px #263348,0 5px 20px #0008}
@media(max-width:1100px){nav{justify-content:center}.brand{margin-right:auto}.nav-lang{order:3;width:100%;justify-content:center;padding-bottom:14px}.language-switch{margin-left:auto}}
@media(max-width:650px){.hero{padding:60px 0}.hero-ribbon{line-height:2.1}.brand{font-size:23px}.brand img{width:38px;height:42px}.nav-lang{gap:10px}.nav-lang a{font-size:10px}.card{padding:23px}}



/* CAEC Global visual identity — gold / silver / midnight navy */
:root{--bg:#050b13;--panel:#0b1725;--gold:#e3bb68;--white:#f5f7fa;--muted:#b7c6d8;--line:#38516b}
html{scroll-padding-top:108px}
body{background:#050b13;color:#f2f5f9;font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.01em}
header{position:sticky;top:0;z-index:100;background:rgba(5,12,21,.97);border-bottom:1px solid rgba(222,176,88,.6);box-shadow:0 8px 28px #0008}
header .wrap{max-width:1510px}
nav{display:flex;align-items:center;gap:18px;min-height:84px}
nav .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:clamp(18px,2vw,29px);font-weight:900;letter-spacing:.13em;color:#edf3fa;text-decoration:none}
nav .brand img{width:49px;height:57px;filter:drop-shadow(0 2px 5px #c99b4c55)}
.nav-lang{display:flex;justify-content:center;align-items:center;flex:1;flex-wrap:wrap;gap:clamp(7px,1.1vw,20px)}
.nav-lang a{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#dce4ee;text-decoration:none;padding:8px 0;transition:color .2s}
.nav-lang a:hover,.nav-lang a:focus-visible{color:var(--gold)}
.language-switch{display:flex;flex-shrink:0;gap:5px;margin-left:auto}
.language-switch button{font-size:12px;border:1px solid #6a7480;border-radius:3px;background:transparent;color:#e3e9f1;cursor:pointer;padding:8px 11px}
.language-switch button[aria-pressed="true"]{background:#e3bb68;color:#08111d;border-color:#e3bb68}
.brand-hero{position:relative;isolation:isolate;overflow:hidden;min-height:610px;background:linear-gradient(90deg,#06101de8,#081a2bcc),url("../images/network.svg") center/cover no-repeat;border-bottom:2px solid #b18c4e}
.brand-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 56px,#b8c8dd06 57px 58px),radial-gradient(ellipse at 72% 18%,#2a4c7140,transparent 60%);z-index:-1}
.brand-hero .wrap{max-width:1330px;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);gap:38px;align-items:center;padding-top:65px;padding-bottom:80px}
.brand-hero .hero-emblem{grid-column:1;grid-row:1 / span 5;display:flex;justify-content:center;align-items:center;max-width:100%;padding:24px}
.brand-hero .hero-emblem img{width:min(100%,310px);height:auto;filter:drop-shadow(0 0 22px #c69b4a45)}
.brand-hero .eyebrow{grid-column:2;color:#e9bf6d;letter-spacing:.19em;font-weight:700;font-size:12px}
.brand-hero .wrap>div:not(.hero-emblem):not(.eyebrow):not(.hero-ribbon):not(.hero-signature){grid-column:2}
.brand-hero h1{font-size:clamp(66px,9vw,136px);line-height:.92;letter-spacing:.08em;color:#eef3f9;text-shadow:0 3px 0 #536579,0 7px 17px #0009;margin:12px 0 16px;font-weight:900}
.hero-global{display:block;color:#e1e9f4;font-size:clamp(16px,2vw,29px);letter-spacing:.56em;margin:10px 0 16px}
.hero-subtitle{display:block;font-size:clamp(18px,2.1vw,30px);line-height:1.18;letter-spacing:.045em;font-weight:850;color:#e3bb68;text-shadow:none;max-width:780px}
.brand-hero .lead{font-size:17px;line-height:1.6;max-width:680px;color:#d2dfed}
.brand-hero .btn{margin-top:14px}
.brand-hero .hero-ribbon{grid-column:1 / -1;text-align:center;letter-spacing:.23em;font-size:12px;color:#cad4e1;border-top:1px solid #b89457;padding-top:17px}
.brand-hero .hero-signature{grid-column:1 / -1;text-align:center;background:linear-gradient(90deg,transparent,#e6bb67 20%,#f4d999 50%,#e6bb67 80%,transparent);color:#06111d;font-weight:900;letter-spacing:.2em;font-size:clamp(14px,2vw,24px);padding:11px}
section{scroll-margin-top:100px}
section .wrap{max-width:1290px}
section h2{font-weight:850;letter-spacing:.025em;color:#f3f6fa}
section .eyebrow{letter-spacing:.16em;color:#e4b962}
.card,.es-card{background:linear-gradient(155deg,#11243a,#09131f 75%);border:1px solid #344c65;border-radius:5px;box-shadow:inset 0 1px #ffffff10,0 12px 28px #0003;transition:transform .18s,border-color .18s}
.card:hover,.es-card:hover{transform:translateY(-3px);border-color:#c8a45c}
.card h3,.es-card h3{color:#e6c27b}
.btn{background:linear-gradient(135deg,#f3d28d,#c99b48);color:#06111b;border-radius:3px;text-transform:uppercase;font-weight:850;letter-spacing:.06em;border:1px solid #d9b365}
.btn.outline{background:transparent;color:#eac57b;border-color:#9d7e48}
.btn:hover{filter:brightness(1.1)}
.premium-focus{background:linear-gradient(#07111d,#0a1828)}
.premium-focus .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.premium-focus .card{position:relative;min-height:205px;border-top:3px solid #b8914d;padding-top:35px}
.premium-focus .card:before{content:"✦";position:absolute;top:9px;right:15px;color:#e2ba6b;font-size:20px}
.premium-levels{background:linear-gradient(130deg,#07101b,#0e2135 55%,#070f19)}
.premium-levels .card,.premium-levels .es-card{border-bottom:2px solid #c9a35b}
.level-symbol{box-shadow:0 0 0 2px #e2b96733,0 5px 14px #0007}
.access-policy,.notice{border-left:3px solid #d9ad58;background:#101e2c}
footer{border-top:1px solid #c69e53;background:#050c15}
@media(max-width:1120px){nav{flex-wrap:wrap;padding:12px 0}.nav-lang{order:3;flex-basis:100%;justify-content:flex-start}.brand-hero .wrap{grid-template-columns:250px 1fr}.premium-focus .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.brand-hero{min-height:0}.brand-hero .wrap{display:flex;flex-direction:column;text-align:center;padding:30px 18px 45px;gap:13px}.brand-hero .hero-emblem{padding:0}.brand-hero .hero-emblem img{width:140px}.brand-hero h1{font-size:68px}.hero-global{letter-spacing:.3em}.brand-hero .hero-ribbon{font-size:10px;letter-spacing:.08em}.brand-hero .hero-signature{width:100%;font-size:14px;letter-spacing:.05em}.brand-hero .lead{font-size:15px}.premium-focus .grid{grid-template-columns:1fr}.nav-lang{gap:10px}.nav-lang a{font-size:11px}nav .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}



.honorary-gallery{margin:44px 0 16px}.honorary-gallery>h3{color:#f3d28d;font-size:clamp(23px,3vw,35px);margin:0 0 9px;letter-spacing:.03em}.honorary-disclaimer{font-size:13px;line-height:1.55;color:#b5c4d4;max-width:960px;margin-bottom:24px}.honorary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.honorary-card{overflow:hidden;background:linear-gradient(155deg,#13243a,#07101c);border:1px solid #b88d4a;border-radius:5px;box-shadow:0 14px 32px #0006}.honorary-picture{aspect-ratio:1.45;overflow:hidden;background:#07111e}.honorary-picture img{width:100%;height:100%;object-fit:cover;display:block}.honorary-content{padding:18px 20px 24px}.honorary-badge{display:inline-block;color:#e7bf70;border:1px solid #b98e47;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.1em}.honorary-content h4{font-size:26px;color:#fff;margin:13px 0 6px}.honorary-expertise{color:#dcb56d;font-size:12px;letter-spacing:.04em;font-weight:700;margin-bottom:12px}.honorary-content p{font-size:14px;line-height:1.6;color:#d5e0ec;margin:0}@media(max-width:950px){.honorary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.honorary-grid{grid-template-columns:1fr}}



.honorary-showcase{margin:25px 0 30px;border:1px solid #bb9553;border-radius:8px;overflow:hidden;background:#030c17;box-shadow:0 20px 45px #0007}
.honorary-showcase img{display:block;width:100%;height:auto}
.honorary-showcase figcaption{font-size:12px;color:#b6c7d8;padding:10px 16px;border-top:1px solid #584b34}
.honorary-gallery .honorary-grid{margin-top:18px}
@media(max-width:750px){.honorary-showcase{overflow-x:auto}.honorary-showcase img{min-width:850px;max-width:none}.honorary-showcase figcaption{position:sticky;left:0}}

/* Educational SMS-blasting illustration */
.sms-diagram{margin:25px 0 32px;padding:20px;border:1px solid #9f804c;border-radius:9px;background:linear-gradient(135deg,#0b1b2b,#10273c)}
.sms-diagram h3{margin:0 0 8px;color:#ebc577}
.sms-diagram p,.sms-diagram figcaption{color:#c9d5e3;line-height:1.5}
.sms-diagram img{display:block;width:100%;height:auto;margin:15px auto;border-radius:8px}
.sms-diagram figcaption{font-size:13px}

.member-nationality{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;color:#f1d395;font-weight:650;font-size:15px;letter-spacing:.02em}

/* Reliable flag images instead of platform-dependent emoji glyphs */
.honorary-content h4 .member-flag { display:inline-block; width:29px; height:22px; object-fit:cover; vertical-align:-3px; margin-left:5px; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.28); }

/* Mission: one main block with four side-by-side topics */
.grid > .mission-main-block, .es-grid > .mission-main-block { grid-column: 1 / -1; width: 100%; }
.mission-three-columns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:22px; align-items:stretch; }
.mission-sub-block { min-width:0; padding:16px; border:1px solid rgba(206,172,105,.35); border-radius:10px; background:rgba(255,255,255,.035); }
.mission-sub-block h4 { margin:0 0 12px; color:#e7bf70; font-size:18px; }
.mission-sub-block p { margin:0; line-height:1.65; }
@media(max-width:1100px){.mission-three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mission-three-columns{grid-template-columns:1fr}}
