.afm-public-preview{position:relative}
.afm-fog-zone{position:relative;overflow:hidden}
.afm-fog-zone__overlay{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(10,21,36,0) 0%,rgba(10,21,36,.10) 15%,rgba(10,21,36,.28) 32%,rgba(10,21,36,.52) 50%,rgba(10,21,36,.76) 68%,rgba(10,21,36,.94) 86%,var(--bg,#0A1524) 100%)}
.afm-member-gate{position:relative;margin:-1px 0 2.5rem}
.afm-member-gate__card{position:relative;z-index:4;text-align:center;background:linear-gradient(145deg,var(--panel,#101f33),var(--panel-2,#142742));border:1px solid var(--line,rgba(255,255,255,.12));border-radius:20px;padding:2.1rem;box-shadow:0 26px 76px rgba(0,0,0,.3)}
.afm-member-gate__card h2{margin:.45rem auto .55rem;max-width:26ch}.afm-member-gate__card>p{max-width:680px;margin:.35rem auto 1.15rem;color:var(--muted)}
.afm-member-gate__lock{font:700 .7rem/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--green);border:1px solid rgba(53,196,139,.35);border-radius:99px;padding:.4rem .7rem;display:inline-block}
.afm-gate-social{max-width:620px;margin:1.1rem auto .55rem}.afm-gate-social .nsl-container{width:100%!important}.afm-gate-social .nsl-button{width:100%!important;justify-content:center!important}
.afm-auth-divider{display:flex;align-items:center;gap:.8rem;color:var(--muted-2);font-size:.75rem;margin:1rem auto;max-width:620px}.afm-auth-divider:before,.afm-auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.afm-gate-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:820px;margin:1rem auto 1.35rem;text-align:left}
.afm-gate-panel{background:rgba(0,0,0,.09);border:1px solid var(--line);border-radius:14px;padding:1.1rem}.afm-gate-panel h3{margin:0 0 .8rem;font-size:1rem}
.afm-gate-panel label{display:block;font-size:.78rem;font-weight:700;margin:.65rem 0 .32rem;color:var(--text)}
.afm-gate-panel input[type=text],.afm-gate-panel input[type=email],.afm-gate-panel input[type=password]{box-sizing:border-box;width:100%;margin-top:.28rem;padding:.72rem .78rem;border:1px solid var(--line);border-radius:8px;background:var(--bg,#0A1524);color:var(--text,#fff)}
.afm-gate-panel .login-remember label,.afm-consent{display:flex!important;gap:.5rem;align-items:flex-start!important;font-weight:400!important;font-size:.76rem!important;color:var(--muted)!important}
.afm-gate-panel .login-submit{margin:.85rem 0 .35rem}.afm-gate-panel .button-primary,.afm-inline-register__submit{width:100%;border:0;border-radius:9px;padding:.78rem 1rem;font-weight:800;cursor:pointer}
.afm-gate-panel .button-primary{background:var(--green,#35C48B);color:#07131f}.afm-inline-register__submit{margin-top:.85rem}
.afm-gate-forgot{font-size:.76rem;color:var(--brass)}
.afm-member-gate__benefits{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:.55rem .7rem;max-width:820px;margin:1.2rem auto 1rem;color:var(--text);font-size:.82rem}.afm-member-gate small{color:var(--muted-2)}
.afm-auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem;margin:1.2rem 0 1.4rem}.afm-auth-benefits span{font-size:.84rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.65rem}.afm-social-login{margin:0 0 1rem}.afm-consent input{margin-top:.18rem}.afm-plan-meta{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.afm-plan-pill{font:700 .7rem/1 'JetBrains Mono',monospace;border:1px solid var(--line);border-radius:99px;padding:.42rem .7rem;color:var(--brass)}
html.theme-light .afm-fog-zone__overlay{background:linear-gradient(180deg,rgba(248,247,243,0) 0%,rgba(248,247,243,.10) 15%,rgba(248,247,243,.28) 32%,rgba(248,247,243,.52) 50%,rgba(248,247,243,.76) 68%,rgba(248,247,243,.94) 86%,var(--bg,#f8f7f3) 100%)}
html.theme-light .afm-gate-panel{background:rgba(10,21,36,.025)}
html.theme-light .afm-gate-panel input[type=text],html.theme-light .afm-gate-panel input[type=email],html.theme-light .afm-gate-panel input[type=password]{background:#fff;color:#0A1524}
@media(max-width:760px){.afm-gate-columns{grid-template-columns:1fr}.afm-member-gate__benefits{grid-template-columns:1fr 1fr}.afm-member-gate__card{padding:1.5rem 1rem}}
@media(max-width:520px){.afm-member-gate__benefits,.afm-auth-benefits{grid-template-columns:1fr}}
.afm-gate-login-wrap{max-width:560px;margin:1rem auto 1.35rem}.afm-register-promo{max-width:900px;margin:1.35rem auto 0;padding:1.5rem;border:1px solid rgba(201,162,75,.38);border-radius:18px;background:linear-gradient(145deg,rgba(201,162,75,.10),rgba(53,196,139,.055));text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.afm-register-promo__eyebrow{display:inline-block;font:800 .68rem/1 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--gold,#c9a24b);background:rgba(201,162,75,.09);border:1px solid rgba(201,162,75,.28);padding:.45rem .7rem;border-radius:99px}.afm-register-promo h3{font-size:1.45rem;margin:.8rem auto .45rem;max-width:720px}.afm-register-promo>p{max-width:700px;margin:0 auto 1rem;color:var(--muted)}.afm-register-promo__grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.15rem auto 1.25rem;text-align:left}.afm-register-benefit{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem;border:1px solid var(--line);background:rgba(0,0,0,.08);border-radius:12px}.afm-register-benefit--certificate{border-color:rgba(201,162,75,.42);background:linear-gradient(135deg,rgba(201,162,75,.14),rgba(255,255,255,.025))}.afm-benefit-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:rgba(201,162,75,.12);font-size:1.05rem}.afm-register-benefit strong{display:block;font-size:.9rem}.afm-register-benefit small{display:block;margin-top:.18rem;line-height:1.45}.afm-register-promo__cta{display:inline-flex;justify-content:center;min-width:280px;margin:.2rem auto .65rem}.afm-register-promo>small{display:block}
.afm-register-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:0;max-width:1050px;margin:0 auto;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.22)}.afm-register-value{padding:2.5rem;background:linear-gradient(145deg,var(--panel-2),var(--panel))}.afm-register-value h1{font-size:2.25rem;margin:.5rem 0 .8rem}.afm-register-lead{color:var(--muted);line-height:1.65}.afm-register-feature-list{display:grid;gap:.75rem;margin-top:1.4rem}.afm-register-feature{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.afm-register-feature--certificate{border-color:rgba(201,162,75,.45);background:linear-gradient(135deg,rgba(201,162,75,.12),rgba(255,255,255,.02))}.afm-register-feature__icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:11px;background:rgba(201,162,75,.12);font-size:1.08rem}.afm-register-feature strong{display:block}.afm-register-feature p{margin:.18rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.afm-register-formside{padding:2.5rem;background:var(--panel)}.afm-register-formside h2{margin:.35rem 0 .4rem}.afm-register-formside .auth-sub{margin-bottom:1.2rem}
@media(max-width:760px){.afm-register-promo__grid,.afm-register-shell{grid-template-columns:1fr}.afm-register-value,.afm-register-formside{padding:1.5rem}.afm-register-value h1{font-size:1.8rem}} .afm-exam-page{background:var(--bg,#0a1524);color:var(--text,#eef4fb)}
.afm-exam-shell{max-width:980px;margin:0 auto;padding:54px 18px 90px}.afm-exam-hero{text-align:center;margin-bottom:26px}.afm-exam-kicker{font:800 .72rem/1.2 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--green,#35c48b)}.afm-exam-hero h1{font-size:clamp(2.2rem,6vw,4.6rem);margin:.5rem 0}.afm-exam-hero p{max-width:720px;margin:auto;color:var(--muted,#9aa6b8);font-size:1rem}.afm-exam-card{background:var(--panel,#10223b);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:20px;padding:28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.22);margin:22px 0}.afm-exam-card h2{margin:.35rem 0 .65rem}.afm-exam-card p{color:var(--muted,#9aa6b8)}.afm-exam-bigicon{font-size:3rem}.afm-exam-score{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:2.25rem;font-weight:900;border:8px solid var(--green,#35c48b);color:var(--green,#35c48b)}.afm-exam-result.is-fail .afm-exam-score{border-color:#e38a7a;color:#e38a7a}.afm-exam-question{border:1px solid var(--line,rgba(255,255,255,.12));background:var(--panel,#10223b);border-radius:16px;padding:20px;margin:14px 0}.afm-exam-question legend{font-weight:800;font-size:1rem;padding:0 8px;display:flex;gap:12px;align-items:flex-start}.afm-exam-question legend>span{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--brass,#c9a24b);color:#0a1524}.afm-exam-choice{display:flex;gap:10px;align-items:center;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:10px;padding:12px;margin:9px 0;cursor:pointer;transition:.15s}.afm-exam-choice:hover{border-color:var(--brass,#c9a24b);transform:translateY(-1px)}.afm-choice-letter{font-weight:900;color:var(--brass,#c9a24b);min-width:22px}.afm-exam-submit{position:sticky;bottom:12px;background:color-mix(in srgb,var(--panel,#10223b) 92%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;padding:14px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.afm-exam-submit small{color:var(--muted,#9aa6b8)}
html.theme-light .afm-exam-page{background:#f8f7f3;color:#0a1524}html.theme-light .afm-exam-card,html.theme-light .afm-exam-question{background:#fff} .afm-exam-landing-hero{max-width:820px;margin-left:auto;margin-right:auto}.afm-exam-challenge-card{max-width:900px!important}.afm-exam-challenge-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.afm-exam-challenge-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.afm-exam-challenge-facts span{display:block;background:rgba(201,162,75,.08);border:1px solid rgba(201,162,75,.32);border-radius:12px;padding:16px 10px;text-align:center;color:var(--muted)}.afm-exam-challenge-facts strong{display:block;color:var(--brass,#c9a24b);font-size:20px;margin-bottom:3px}.afm-exam-challenge-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;margin:25px 0;color:var(--text);font-size:.9rem}.afm-exam-primary-cta{display:block!important;max-width:360px;margin:18px auto 10px;text-align:center}.afm-exam-login-note{text-align:center;color:var(--muted);font-size:.86rem}.afm-exam-login-note a{color:var(--brass,#c9a24b);font-weight:800}.afm-exam-challenge-card .afm-exam-bigicon{font-size:42px;margin-bottom:7px}
@media(max-width:760px){.afm-exam-challenge-grid{grid-template-columns:1fr}.afm-exam-challenge-facts{grid-template-columns:repeat(3,1fr)}.afm-exam-challenge-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.afm-exam-challenge-facts,.afm-exam-challenge-benefits{grid-template-columns:1fr}} .afm-member-gate__intro{max-width:720px!important;margin:.35rem auto 1.45rem!important}
.afm-gate-split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;max-width:940px;margin:1rem auto 0;align-items:stretch;text-align:left}
.afm-gate-split .afm-gate-panel,.afm-gate-split .afm-register-promo{margin:0;max-width:none;height:100%;box-sizing:border-box}
.afm-gate-panel--login{padding:1.45rem;background:rgba(10,21,36,.035);border:1px solid var(--line);border-radius:18px}
.afm-gate-panel__head{margin-bottom:1rem}.afm-gate-panel__mini{display:inline-block;font:800 .64rem/1 'JetBrains Mono',monospace;letter-spacing:.11em;color:var(--green,#35c48b);margin-bottom:.5rem}.afm-gate-panel__head h3{font-size:1.45rem;margin:0 0 .35rem}.afm-gate-panel__head p{margin:0;color:var(--muted);font-size:.84rem}
.afm-gate-panel--login label{color:var(--text)!important}.afm-gate-panel--login .login-remember label{color:var(--muted)!important}.afm-gate-panel--login input[type=text],.afm-gate-panel--login input[type=password]{background:#fff!important;color:#0a1524!important;border-color:rgba(10,21,36,.16)!important}.afm-gate-panel--login .button-primary{background:#12356f!important;color:#fff!important;font-size:.95rem}.afm-gate-panel--login .button-primary:hover{filter:brightness(1.08)}
.afm-gate-forgot{display:inline-block;margin-top:.25rem;color:var(--brass,#c9a24b)!important;font-weight:800;text-decoration:none}.afm-gate-forgot:hover{text-decoration:underline}
.afm-gate-split .afm-gate-social{margin:.75rem 0 .55rem;max-width:none}.afm-gate-split .afm-auth-divider{max-width:none}
.afm-gate-split .afm-register-promo{padding:1.55rem 1.55rem 1.35rem;text-align:left;border:1px solid rgba(201,162,75,.55);background:linear-gradient(145deg,rgba(201,162,75,.17),rgba(201,162,75,.055) 48%,rgba(53,196,139,.055));box-shadow:0 18px 55px rgba(10,21,36,.08),inset 0 1px 0 rgba(255,255,255,.5)}
.afm-gate-split .afm-register-promo__eyebrow{margin-bottom:.55rem}.afm-gate-split .afm-register-promo h3{font-size:1.65rem;line-height:1.15;margin:.2rem 0 .45rem;max-width:none}.afm-gate-split .afm-register-promo h3 span{color:var(--brass,#c9a24b)}.afm-gate-split .afm-register-promo>p{margin:0 0 1rem;max-width:none}
.afm-register-promo__list{display:grid;gap:.65rem;margin:1rem 0 1.1rem}.afm-gate-split .afm-register-benefit{padding:.72rem .75rem;background:rgba(255,255,255,.46);border-color:rgba(10,21,36,.10)}.afm-gate-split .afm-register-benefit strong{font-size:.88rem;color:var(--text)}.afm-gate-split .afm-register-benefit small{color:var(--muted);font-size:.75rem}.afm-gate-split .afm-benefit-icon{background:#0e2948;color:#fff;width:40px;height:40px;flex-basis:40px;border-radius:11px}.afm-gate-split .afm-benefit-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.afm-gate-split .afm-register-promo__cta{display:flex;width:100%;min-width:0;margin:.2rem 0 .7rem;padding:.9rem 1rem;font-size:.96rem}.afm-register-promo__free{text-align:center;font:800 .66rem/1.3 'JetBrains Mono',monospace;letter-spacing:.06em;color:#0e2948}.afm-register-promo__free span{color:var(--brass);margin:0 .35rem}
html.theme-light .afm-gate-split .afm-register-promo{background:linear-gradient(145deg,#fff8e8,#fffdf8 55%,#f4fbf8)}html.theme-light .afm-gate-panel--login{background:#fff}html.theme-light .afm-gate-split .afm-register-benefit{background:rgba(255,255,255,.8)}
@media(max-width:820px){.afm-gate-split{grid-template-columns:1fr}.afm-gate-split .afm-register-promo{order:2}.afm-gate-split .afm-gate-panel{order:1}} .afm-register-promo__cta,
.afm-register-promo__cta:visited,
.mark-complete .btn-gold,
.mark-complete .btn-gold:visited{
color:#fff!important;
text-shadow:0 1px 1px rgba(0,0,0,.22);
}
.afm-register-promo__cta:hover,
.mark-complete .btn-gold:hover{color:#fff!important} .afm-fog-zone__overlay{
background:linear-gradient(180deg,
rgba(10,21,36,0) 0%,
rgba(10,21,36,.08) 18%,
rgba(10,21,36,.24) 38%,
rgba(10,21,36,.50) 60%,
rgba(10,21,36,.82) 82%,
var(--bg,#0A1524) 100%)!important;
}
html.theme-light .afm-fog-zone__overlay{
background:linear-gradient(180deg,
rgba(248,247,243,0) 0%,
rgba(248,247,243,.08) 18%,
rgba(248,247,243,.24) 38%,
rgba(248,247,243,.50) 60%,
rgba(248,247,243,.82) 82%,
var(--bg,#f8f7f3) 100%)!important;
} .afm-cert-preview{background:#fff;border:1px solid rgba(10,21,36,.12);border-radius:20px;padding:18px;box-shadow:0 18px 50px rgba(10,21,36,.10)}
.afm-cert-preview__inner{position:relative;text-align:center;background:#fbfaf5;border:8px solid #0a1524;outline:2px solid #c9a24b;outline-offset:-14px;padding:32px 24px 26px;overflow:hidden}
.afm-cert-preview__inner:before,.afm-cert-preview__inner:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(201,162,75,.28);transform:rotate(45deg)}
.afm-cert-preview__inner:before{top:-55px;left:-55px}.afm-cert-preview__inner:after{bottom:-55px;right:-55px}
.afm-cert-preview__kicker{display:block;font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.18em;color:#c9a24b}.afm-cert-preview__brand{display:block;font-size:12px;margin:8px 0 20px;color:#0a1524}.afm-cert-preview h3{font-family:Georgia,serif;font-size:27px;margin:0;color:#0a1524}.afm-cert-preview__presented{display:block;font-size:11px;color:#687386;margin:10px 0}.afm-cert-preview__name{font-family:Georgia,serif;font-size:26px;font-style:italic;color:#c9a24b;margin:2px 0 10px}.afm-cert-preview p{font-size:11px;line-height:1.5;color:#536173;max-width:430px;margin:0 auto}.afm-cert-preview__meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.afm-cert-preview__meta span{font:800 9px/1 'JetBrains Mono',monospace;padding:7px 9px;border-radius:99px;background:#eef1f5;color:#0a1524}.afm-cert-preview__cta{display:block!important;width:100%;margin-top:14px!important;color:#fff!important;text-align:center}
.afm-exam-promo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;align-items:center;background:#0a1524;color:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(10,21,36,.16)}.afm-exam-promo h2{color:#fff;margin:.35rem 0 .75rem}.afm-exam-promo p{color:#b9c4d3;line-height:1.7}.afm-exam-promo__facts{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.afm-exam-promo__facts span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;font-size:13px}.afm-exam-promo__cta{color:#fff!important}.afm-exam-nav{font-weight:800;color:#c9a24b!important}
@media(max-width:800px){.afm-exam-promo{grid-template-columns:1fr}.afm-cert-preview__inner{padding:28px 16px 24px}} .afm-exam-hero .afm-exam-logo,
.afm-exam-landing-hero .afm-exam-logo{
display:block!important;
width:min(440px,82vw)!important;
max-width:440px!important;
height:auto!important;
margin:0 auto 20px!important;
object-fit:contain!important;
position:relative;
left:auto!important;
right:auto!important;
transform:none!important;
}
.afm-exam-hero,.afm-exam-landing-hero{text-align:center!important}
@media(max-width:600px){
.afm-exam-hero .afm-exam-logo,.afm-exam-landing-hero .afm-exam-logo{width:min(330px,86vw)!important;margin-bottom:16px!important}
}.mta-blog-grid-widget {
--mta-bg:       #070E1C;
--mta-bg2:      #0C1830;
--mta-bg3:      #112244;
--mta-gold:     #C8A96E;
--mta-gold-lt:  #E2C88A;
--mta-teal:     #00D4B1;
--mta-white:    #FFFFFF;
--mta-off:      #E8EDF5;
--mta-muted:    #7B8BA8;
--mta-border:   rgba(200, 169, 110, 0.15);
--mta-border2:  rgba(200, 169, 110, 0.38);
--mta-green:    #22C55E;
--mta-red:      #EF4444;
font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
position: relative;
} .mta-section-header {
text-align: center;
margin-bottom: 48px;
}
.mta-section-tag {
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--mta-gold);
margin-bottom: 16px;
}
.mta-tag-line {
display: block;
width: 28px;
height: 1px;
background: var(--mta-gold);
}
.mta-section-title {
font-family: 'Cormorant Garamond', 'Georgia', serif !important;
font-size: clamp(34px, 4vw, 54px) !important;
font-weight: 600 !important;
line-height: 1.1 !important;
color: var(--mta-white) !important;
margin-bottom: 16px !important;
}
.mta-section-title em {
font-style: italic;
color: var(--mta-gold);
}
.mta-section-subtitle {
font-size: 16px;
color: var(--mta-muted);
line-height: 1.8;
max-width: 580px;
margin: 0 auto;
} .mta-count-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 20px;
margin-bottom: 8px;
border-bottom: 1px solid var(--mta-border);
}
.mta-count-text {
font-size: 13px;
color: var(--mta-muted);
}
.mta-count-text strong {
color: var(--mta-off);
} .mta-posts-grid-wrap {
position: relative;
min-height: 200px;
} .mta-posts-inner {
display: grid;
gap: 20px;
}
.mta-cols-2 { grid-template-columns: repeat(2, 1fr); }
.mta-cols-3 { grid-template-columns: repeat(3, 1fr); }
.mta-cols-4 { grid-template-columns: repeat(4, 1fr); }
.mta-cols-5 { grid-template-columns: repeat(5, 1fr); }
.mta-cols-6 { grid-template-columns: repeat(6, 1fr); } .mta-post-card {
background: var(--mta-bg2);
border: 1px solid var(--mta-border);
border-radius: 6px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: border-color 0.3s ease, transform 0.35s cubic-bezier(.4,0,.2,1), box-shadow 0.35s ease;
position: relative;
}
.mta-post-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--mta-gold), transparent);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.mta-post-card:hover {
border-color: var(--mta-border2);
transform: translateY(-5px);
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}
.mta-post-card:hover::before {
opacity: 1;
} .mta-card-thumb {
display: block;
overflow: hidden;
position: relative;
background: #0C1830;
text-decoration: none;
flex-shrink: 0;
} .mta-ratio-16-9  { aspect-ratio: 16 / 9; }
.mta-ratio-4-3   { aspect-ratio: 4 / 3; }
.mta-ratio-1-1   { aspect-ratio: 1 / 1; }
.mta-ratio-3-2   { aspect-ratio: 3 / 2; }
.mta-ratio-21-9  { aspect-ratio: 21 / 9; }
.mta-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.55s cubic-bezier(.4,0,.2,1);
}
.mta-post-card:hover .mta-card-thumb img {
transform: scale(1.05);
} .mta-card-thumb-placeholder {
width: 100%;
height: 100%;
min-height: 160px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #0C1830, #112244);
} .mta-card-cat-badge {
position: absolute;
bottom: 12px;
left: 12px;
background: rgba(200, 169, 110, 0.12);
border: 1px solid rgba(200, 169, 110, 0.35);
color: var(--mta-gold);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 2px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
pointer-events: none;
z-index: 2;
} .mta-card-body {
padding: 20px 22px 22px;
display: flex;
flex-direction: column;
flex: 1;
gap: 0;
} .mta-card-meta-top {
display: flex;
align-items: center;
gap: 7px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.mta-meta-date,
.mta-meta-author,
.mta-meta-read {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11px;
color: var(--mta-muted);
white-space: nowrap;
}
.mta-meta-sep {
color: var(--mta-border2);
font-size: 11px;
line-height: 1;
} .mta-card-title {
font-family: 'Cormorant Garamond', 'Georgia', serif !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.28 !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
.mta-card-title a {
color: var(--mta-white);
text-decoration: none;
transition: color 0.2s ease;
display: block;
}
.mta-post-card:hover .mta-card-title a {
color: var(--mta-gold-lt);
} .mta-card-excerpt {
font-size: 13px;
line-height: 1.72;
color: var(--mta-muted);
margin: 0 0 16px !important;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .mta-card-readmore {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--mta-gold);
text-decoration: none;
margin-top: auto;
transition: gap 0.2s ease, color 0.2s ease;
}
.mta-card-readmore svg {
transition: transform 0.2s ease;
flex-shrink: 0;
}
.mta-post-card:hover .mta-card-readmore {
gap: 10px;
color: var(--mta-gold-lt);
}
.mta-post-card:hover .mta-card-readmore svg {
transform: translateX(3px);
} .mta-no-posts {
text-align: center;
padding: 80px 20px;
color: var(--mta-muted);
grid-column: 1 / -1;
}
.mta-no-posts svg {
margin: 0 auto 20px;
display: block;
}
.mta-no-posts p {
font-size: 15px;
line-height: 1.7;
} .mta-loading-overlay {
position: absolute;
inset: 0;
background: rgba(7, 14, 28, 0.75);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
z-index: 10;
}
.mta-posts-grid-wrap.is-loading .mta-loading-overlay {
opacity: 1;
pointer-events: auto;
}
.mta-loading-spinner {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
}
.mta-loading-spinner svg {
animation: mta-spin 0.9s linear infinite;
}
@keyframes mta-spin {
from { transform: rotate(0deg); }
to   { transform: rotate(360deg); }
}
.mta-loading-spinner span {
font-size: 13px;
color: var(--mta-gold);
font-weight: 500;
letter-spacing: 0.06em;
} .mta-pagination {
margin-top: 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
}
.mta-page-info {
font-size: 12px;
color: var(--mta-muted);
letter-spacing: 0.04em;
}
.mta-page-info .mta-current-page {
color: var(--mta-gold);
font-weight: 700;
}
.mta-pagination-controls {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
justify-content: center;
}
.mta-pagination-btn {
display: inline-flex;
align-items: center;
gap: 6px;
height: 42px;
padding: 0 14px;
border: 1px solid var(--mta-border);
border-radius: 3px;
background: var(--mta-bg2);
color: var(--mta-muted);
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
line-height: 1;
}
.mta-pagination-btn:hover:not(:disabled) {
border-color: var(--mta-gold);
color: var(--mta-gold);
background: rgba(200, 169, 110, 0.08);
}
.mta-pagination-btn.active {
border-color: var(--mta-gold);
color: var(--mta-gold);
background: rgba(200, 169, 110, 0.1);
font-weight: 700;
}
.mta-pagination-btn:disabled {
opacity: 0.3;
cursor: default;
}
.mta-btn-prev,
.mta-btn-next {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 0 18px;
} .mta-page-numbers {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
justify-content: center;
}
.mta-page-num {
width: 42px;
padding: 0;
justify-content: center;
} @media (max-width: 1200px) {
.mta-cols-6 { grid-template-columns: repeat(4, 1fr); }
.mta-cols-5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
.mta-cols-4,
.mta-cols-5,
.mta-cols-6 { grid-template-columns: repeat(2, 1fr); }
.mta-cols-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.mta-cols-2,
.mta-cols-3,
.mta-cols-4,
.mta-cols-5,
.mta-cols-6 { grid-template-columns: 1fr; }
.mta-card-body { padding: 18px; }
.mta-pagination-controls { gap: 4px; }
.mta-page-num { width: 36px; height: 36px; font-size: 12px; }
.mta-btn-prev,
.mta-btn-next { height: 36px; padding: 0 12px; font-size: 11px; }
} .mta-editor-preview .mta-card-thumb-placeholder {
min-height: 120px;
}
.mta-editor-preview .mta-post-card {
pointer-events: none;
}  .mta-card-thumb {
display: block;
width: 100%;
overflow: hidden;
flex-shrink: 0;
background: #0C1830;
} .mta-card-thumb::before {
content: '';
display: block;
width: 0;
} .mta-ratio-16-9  { aspect-ratio: 16 / 9;  padding-top: 0; }
.mta-ratio-4-3   { aspect-ratio: 4  / 3;  }
.mta-ratio-1-1   { aspect-ratio: 1  / 1;  }
.mta-ratio-3-2   { aspect-ratio: 3  / 2;  }
.mta-ratio-21-9  { aspect-ratio: 21 / 9;  } .mta-card-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top; position: absolute;
inset: 0;
transition: transform 0.55s cubic-bezier(.4,0,.2,1);
} .mta-card-thumb { position: relative; } .mta-card-thumb-placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #0C1830, #112244);
} .mta-posts-inner {
align-items: stretch;
}
.mta-post-card {
display: flex;
flex-direction: column;
}
.mta-card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.mta-card-excerpt {
flex: 1;
} .mta-cols-4 .mta-card-thumb-placeholder,
.mta-cols-4 .mta-card-thumb.mta-ratio-16-9 { min-height: 160px; }
.mta-cols-3 .mta-card-thumb-placeholder,
.mta-cols-3 .mta-card-thumb.mta-ratio-16-9 { min-height: 180px; }
.mta-cols-2 .mta-card-thumb-placeholder,
.mta-cols-2 .mta-card-thumb.mta-ratio-16-9 { min-height: 220px; }