/**
 * Extracted from inline <style> on en/membership.html.
 * Shared by AZ/EN locale pages — do not duplicate in HTML.
 */

.membership-page .main a:not(.btn):not(.join-button){color:inherit}.shell{max-width:var(--max);margin:auto;padding:0 24px}.skip{position:absolute;left:-999px;top:8px;background:white;color:var(--blue-700);padding:10px 14px;border-radius:10px;z-index:999}.skip:focus{left:8px}
.intro-card{display:grid;grid-template-columns:1fr;gap:18px;background:rgba(245,251,255,.96);border:1px solid var(--blue-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:24px;backdrop-filter:blur(14px)}
.lang-card{position:relative;background:linear-gradient(135deg,var(--white),#f3f9fd);border:1px solid rgba(26,111,168,.12);border-radius:20px;padding:24px;overflow:hidden}.lang-card:before{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:50%;background:rgba(46,159,212,.08)}.lang-label{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--blue-700);margin-bottom:12px}.lang-card p{margin:0 0 12px;color:var(--muted)}.lang-card p:last-child{margin-bottom:0}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 30px}.join-button{min-height:70px;border-radius:999px;text-decoration:none;background:linear-gradient(135deg,var(--blue-700),var(--blue-400));color:var(--white);font-weight:900;letter-spacing:.02em;box-shadow:0 18px 40px rgba(26,111,168,.25);display:flex;align-items:center;justify-content:center;gap:10px;transition:.22s ease}.join-button:hover{transform:translateY(-3px);box-shadow:0 26px 55px rgba(26,111,168,.32)}
.section-label{display:flex;align-items:center;gap:14px;margin:32px 0 18px}.section-label span{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-700);white-space:nowrap}.section-label:after{content:"";height:1px;flex:1;background:var(--line)}
.cards{display:grid;grid-template-columns:1fr;gap:20px}.card{position:relative;background:rgba(245,251,255,.96);border:1px solid var(--blue-soft);border-radius: var(--radius);box-shadow:0 12px 34px rgba(13,31,60,.08);overflow:hidden;transition:.25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(13,31,60,.14)}.card-header{background:linear-gradient(135deg,var(--blue-900),var(--blue-600));color:var(--white);padding:18px 22px;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:10px;border-bottom:3px solid var(--gold)}.card-body{padding:26px}.card-body p{margin:0 0 14px;color:#34465a}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.price-box{background:linear-gradient(135deg,#e9f7ff,var(--white));border:1px solid rgba(26,111,168,.14);border-radius: var(--radius2);padding:18px;text-align:center}.price-box strong{display:block;color:var(--blue-900);font-size:28px;line-height:1.05;font-family:Playfair Display,serif}.price-box span{color:var(--blue-700);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.bank-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;overflow:hidden;border:1px solid rgba(26,111,168,.14);border-radius: var(--radius2);background:white}.bank-table th,.bank-table td{padding:12px 14px;vertical-align:top;border-bottom:1px solid rgba(26,111,168,.12)}.bank-table tr:last-child th,.bank-table tr:last-child td{border-bottom:0}.bank-table th{width:30%;text-align:left;color:var(--blue-900);background:var(--color-panel-blue);font-weight:900}.iban-list{list-style:none;margin:6px 0 0;padding:0}.iban-list li{padding:9px 0 9px 18px;border-bottom:1px solid #e6eef5;position:relative;color:#40546a}.iban-list li:last-child{border-bottom:0}.iban-list li:before{content:"▸";position:absolute;left:0;color:var(--blue-400);font-weight:900}.iban{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#102033;font-weight:900;letter-spacing:.02em}.signature{margin-top:20px!important;padding:18px 20px;background:linear-gradient(135deg,#fff8e5,#eef8fd);border:1px solid rgba(200,155,56,.25);border-left:5px solid var(--gold);border-radius: var(--radius2);color:#334}

.membership-page .btn-primary {
  background: linear-gradient(135deg, var(--blue-700), var(--blue-400)) !important;
  color: var(--white) !important;
  box-shadow: 0 14px 32px rgba(26, 111, 168, .28) !important;
}

.membership-page .hero-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  line-height: inherit;
  appearance: none;
  -webkit-appearance: none;
  border: none;
}

.membership-page .hero-actions .btn.btn-primary:disabled,
.membership-page .hero-actions .btn.btn-primary[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
  transform: none !important;
  filter: none;
  opacity: 1;
}

.membership-page .hero-actions .btn.btn-primary:disabled:hover,
.membership-page .hero-actions .btn.btn-primary[aria-disabled="true"]:hover,
.membership-page .hero-actions .btn.btn-primary:disabled:focus-visible,
.membership-page .hero-actions .btn.btn-primary[aria-disabled="true"]:focus-visible {
  transform: none !important;
  box-shadow: 0 14px 32px rgba(26, 111, 168, .28) !important;
}

.membership-page .hero-actions .btn.btn-primary:disabled:hover::after,
.membership-page .hero-actions .btn.btn-primary:disabled:focus-visible::after,
.membership-page .hero-actions .btn.btn-primary[aria-disabled="true"]:hover::after,
.membership-page .hero-actions .btn.btn-primary[aria-disabled="true"]:focus-visible::after {
  transform: none;
}

.membership-page .btn-secondary {
  background: rgba(255, 255, 255, .9) !important;
  color: var(--blue-700) !important;
  border: 1px solid rgba(26, 111, 168, .22) !important;
}

.membership-page .hero-panel {
  align-self: start;
  padding: 0 0 0 4px;
  background: var(--color-hero-panel-bg) !important;
  border: 1px solid var(--color-hero-panel-border) !important;
  border-radius: 30px;
  box-shadow: var(--shadow-hero-panel) !important;
  backdrop-filter: blur(18px);
}

.membership-page .panel-card {
  padding: 20px 24px 22px;
  color: var(--ink) !important;
  background: var(--color-panel-card-bg) !important;
  border: 1px solid var(--color-panel-card-border) !important;
  border-radius: var(--radius);
  margin-bottom: 0;
}

.membership-page .panel-title {
  margin: 0 0 10px;
  color: var(--color-heading-blue) !important;
  font-family: var(--font-serif) !important;
  font-size: 18px !important;
  font-weight: 800;
  line-height: 1.2 !important;
  text-align: center;
  white-space: normal !important;
}

.membership-page .panel-copy {
  text-align: left;
  line-height: 1.65;
}

.membership-page .hero-panel .stats {
  gap: 10px;
  margin: 14px 10px 10px;
  padding: 0;
}

.membership-page .hero-panel .stat {
  background: var(--color-panel-card-bg);
  border: 1px solid rgba(26, 111, 168, .14);
  border-radius: var(--radius2);
  padding: 14px 12px;
  box-shadow: 0 8px 20px rgba(13, 31, 60, .06);
}

.membership-page .hero-panel .stat strong {
  display: block;
  color: var(--color-heading-blue) !important;
  font-size: 26px;
  font-family: var(--font-serif);
  line-height: 1.05;
}

.membership-page .hero-panel .stat span {
  font-size: 11px;
  color: var(--muted-hero) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

@media(max-width:1060px){.membership-page .hero-wrap{grid-template-columns:1fr}.membership-page .hero-panel{max-width:640px}.cards,.intro-card{grid-template-columns:1fr}}@media(max-width:760px){.membership-page .hero-wrap{padding:48px 18px 40px}.membership-page .main{padding:28px 16px 48px}.action-row,.pricing,.footer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.membership-page .btn{justify-content:center}.card-body{padding:20px}.bank-table th,.bank-table td{display:block;width:100%}.bank-table th{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-brand h3{font-size:20px}.membership-page .panel-title{font-size:clamp(15px,3.8vw,18px)!important}}
