:root{
  --navy:#062b5c;
  --navy2:#0b3d7a;
  --blue:#0d6efd;
  --ink:#18202b;
  --muted:#64748b;
  --line:#e5eaf0;
  --soft:#f6f9fc;
  --white:#fff;
  --dark:#10151c;
  --gold:#c79b42;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.top-header{background:#fff;border-bottom:1px solid #edf0f3}
.top-inner{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:12px}
.brand-img{height:82px;width:auto;object-fit:contain}

.brand-code{display:flex;align-items:center;gap:18px;flex:1;min-width:0}
.brand-shield{flex:none;width:100px;height:100px;object-fit:contain;display:block}

.brand-text{min-width:0;flex:1}
.brand-trust{font:italic 600 13px Georgia,serif;color:var(--navy2);text-align:center}
.brand-rule{display:flex;align-items:center;gap:8px;margin:3px 0}
.brand-rule span{flex:1;height:1px;background:var(--gold)}
.brand-rule i{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.brand-rule-orn span{background:linear-gradient(90deg,transparent,var(--gold) 40%,var(--gold) 60%,transparent)}
.brand-name{font:800 26px Georgia,serif;color:#c8102e;letter-spacing:.3px;white-space:nowrap;text-align:center}
.brand-tag{font:800 13px Arial,sans-serif;color:#c8102e;letter-spacing:1px;margin-top:2px;text-align:center}
.brand-approved{font:11px Arial,sans-serif;color:var(--navy);opacity:.85;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.brand-naac{font:600 13px Georgia,serif;color:var(--navy2);margin-top:2px;text-align:center}
.brand-naac strong{color:#c8102e}

.brand-badges{flex:none;display:flex;gap:8px}
.badge-svg{width:100px;height:120px;display:block;object-fit:contain}

.socials{display:flex;gap:10px;align-items:center}
.socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5f7fa;color:var(--navy);font:bold 16px Arial;transition:.25s}
.socials a:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
.navbar{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 16px #001c3b22}
.nav-inner{display:flex;align-items:center;justify-content:center;min-height:58px;gap:8px}
.nav-inner a{padding:16px 22px;position:relative;font-family:Arial,sans-serif;font-weight:600;letter-spacing:.2px}
.nav-inner a:after{content:"";position:absolute;left:22px;right:22px;bottom:9px;height:2px;background:#fff;transform:scaleX(0);transition:.25s}
.nav-inner a:hover:after,.nav-inner a.active:after{transform:scaleX(1)}
.mag-brand{background:linear-gradient(110deg,#06234c,#0b4a92);color:#fff;padding:34px 0;position:relative;overflow:hidden}
.mag-brand:before{content:"";position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle at 10% 30%,#fff 1px,transparent 2px),linear-gradient(120deg,transparent 45%,#fff 46%,transparent 47%);background-size:34px 34px,120px 120px}
.mag-brand-inner{position:relative;text-align:center}
.mag-brand h1{font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:6px;margin-bottom:3px}
.mag-brand p{font-size:clamp(1rem,2vw,1.35rem);font-family:Arial,sans-serif;color:#dcecff}
.hero{background:linear-gradient(115deg,#f5faff 0%,#eef6ff 52%,#fff 100%);overflow:hidden}
.hero-inner{min-height:430px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:25px}
.hero-copy{padding:45px 0}
.eyebrow{font:700 14px Arial,sans-serif;letter-spacing:2px;color:var(--blue);text-transform:uppercase;margin-bottom:12px}
.hero h2{font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1.05;color:#082e60;margin-bottom:20px}
.hero h2 span{color:#1768bb}
.hero p{font:18px/1.65 Arial,sans-serif;color:#334155;max-width:590px}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:8px;font:bold 15px Arial,sans-serif;transition:.25s}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px #062b5c2b}
.btn-outline{border:1px solid var(--navy);color:var(--navy);background:#fff}
.btn:hover{transform:translateY(-2px)}
.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}
.hero-visual:after{content:"";position:absolute;width:470px;height:300px;border-radius:50%;background:#d8eaff;filter:blur(3px);z-index:0}
.cover{position:relative;z-index:2;width:min(650px,100%);border-radius:8px;box-shadow:0 25px 45px #10233d35}
.feature-strip{padding:30px 0 38px;background:#fff}
.features{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.feature{border:1px solid var(--line);border-radius:10px;padding:20px 14px;background:#fff;min-height:145px;transition:.25s;box-shadow:0 5px 20px #10233d08}
.feature:hover{transform:translateY(-5px);box-shadow:0 12px 25px #10233d12;border-color:#c8d8ea}
.icon{width:45px;height:45px;border-radius:50%;background:#eaf3ff;color:var(--navy);display:grid;place-items:center;font:bold 20px Arial;margin-bottom:12px}
.feature h3{font-size:17px;color:#0b3568;margin-bottom:5px}
.feature p{font:13px/1.5 Arial,sans-serif;color:#64748b}
.page-hero{background:linear-gradient(110deg,#062b5c,#0b4a92);color:#fff;padding:55px 0;text-align:center}
.page-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:8px}
.page-hero p{font:16px Arial,sans-serif;color:#dbeafe}
.section{padding:65px 0}
.section-title{text-align:center;margin-bottom:38px}
.section-title h2{font-size:2.35rem;color:#0b3568;margin-bottom:7px}
.section-title p{font:15px Arial,sans-serif;color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
.prose p{margin-bottom:18px;font-size:17px}
.quote{background:#f3f8fe;border-left:5px solid var(--blue);padding:25px 28px;margin:25px 0;font-style:italic;font-size:18px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.stat{background:var(--soft);border:1px solid var(--line);padding:25px;border-radius:10px;text-align:center}
.stat strong{display:block;font-size:2rem;color:var(--navy)}
.stat span{font:13px Arial;color:var(--muted)}
.board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.person{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fff;box-shadow:0 7px 22px #10233d08}
.person h3{color:#0b3568;margin-bottom:5px}
.person p{font:14px/1.6 Arial;color:#526174}
.archive-list{border:1px solid #dfe6ed;border-radius:10px;overflow:hidden}
.archive{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;border-bottom:1px solid #dfe6ed;background:#fff;transition:.2s}
.archive:last-child{border-bottom:0}
.archive:nth-child(odd){background:#f0f8f5}
.archive:hover{background:#e4f1ff}
.archive h3{font-size:18px;color:#0b3568}
.archive p{font:13px Arial;color:var(--muted);margin-top:3px}
.issue-layout{display:grid;grid-template-columns:1fr .34fr;gap:30px;align-items:start}
.issue-layout-rev{grid-template-columns:.34fr 1fr}
.issue-title{font-size:2rem;color:#0b3568;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:26px}
.article-list{display:flex;flex-direction:column;gap:22px;counter-reset:article}
.article-card{counter-increment:article;position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 30px 24px 34px;box-shadow:0 6px 20px #10233d0c;transition:.25s}
.article-card:hover{box-shadow:0 14px 28px #10233d18;transform:translateY(-3px);border-color:#c8d8ea}
.article-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:10px 0 0 10px;background:linear-gradient(180deg,var(--blue),var(--navy2))}
.article-card:after{content:"0" counter(article);position:absolute;right:22px;top:14px;font:800 15px Arial,sans-serif;color:var(--muted);opacity:.55;letter-spacing:1px}

.page-left{max-width:78ch}
.page-left h3{font-size:20px;color:#0b3568;margin-bottom:4px;line-height:1.32;font-family:Georgia,serif;padding-right:36px}
.article-card .author{font:italic 600 12px Georgia,serif;color:var(--gold);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}
.article-card .divider{display:none}
.article-card .label{display:none}
.article-card .abstract{font-size:15px;line-height:1.7;color:#33465e;margin-bottom:16px}

.page-right{padding:0}
.page-right .kw-head{display:none}
.article-card .keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.article-card .keywords span{font:600 11px Arial,sans-serif;color:var(--navy2);background:#eaf3ff;padding:4px 11px;border-radius:20px}
.article-card .keywords span:before{content:"#"}
.article-card .btn-download{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font:700 12px Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;padding:10px 20px;border-radius:6px;transition:.2s}
.article-card .btn-download:before{content:"↓"}
.article-card .btn-download:hover{background:var(--blue)}
.issue-details{border:1px solid var(--line);border-radius:10px;padding:22px 24px;background:#fff;position:sticky;top:75px}
.issue-details h3{font-size:15px;letter-spacing:.5px;color:#0b3568;text-transform:uppercase;padding-bottom:10px;border-bottom:2px solid var(--navy2);margin-bottom:14px}
.issue-details p{font-size:14px;color:#33465e;margin-bottom:10px}
.issue-details p strong{color:#0b3568}
@media(max-width:900px){.issue-layout{grid-template-columns:1fr}}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
.contact-card{background:#f7fafc;border:1px solid var(--line);border-radius:12px;padding:30px}
.contact-item{display:flex;gap:14px;margin:20px 0;font:15px/1.5 Arial}
.contact-icon{width:38px;height:38px;border-radius:50%;background:#e6f0fb;color:var(--navy);display:grid;place-items:center;font-weight:bold;flex:none}
.form{display:grid;gap:16px}
.form input,.form textarea{width:100%;padding:13px 15px;border:1px solid #d9e1e9;border-radius:7px;font:15px Arial;outline:none}
.form textarea{min-height:140px;resize:vertical}
.footer{background:var(--dark);color:#fff;padding:55px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr .8fr;gap:40px}
.footer h3{font-size:20px;margin-bottom:20px}
.footer p,.footer li{font:14px/1.65 Arial;color:#cbd5e1}
.footer ul{list-style:none}
.footer li{margin:9px 0}
.footer a:hover{color:#fff}
.footer-social{display:flex;gap:10px;margin-top:15px}
.footer-social a{width:40px;height:40px;border:1px solid #526174;border-radius:50%;display:grid;place-items:center;font:bold 15px Arial}
.footer-bottom{margin-top:45px;background:#062b5c;padding:16px 0}
.bottom-inner{display:flex;justify-content:space-between;gap:20px;font:13px Arial;color:#dbeafe}
.backtop{position:fixed;right:20px;bottom:20px;width:45px;height:45px;border:0;border-radius:7px;background:var(--navy);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 20px #0003;display:none}
@media(max-width:1000px){
 .features{grid-template-columns:repeat(3,1fr)}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
 .hero-inner{grid-template-columns:1fr}
 .hero-copy{text-align:center;padding-bottom:15px}.hero-copy p{margin:auto}.buttons{justify-content:center}
}
@media(max-width:700px){
 .top-inner{min-height:auto;padding-block:10px}.brand-img{height:65px;max-width:75%}.socials{display:none}
 .brand-code{gap:10px}.brand-shield{width:44px;height:52px}
 .brand-name{font-size:15px;white-space:normal}.brand-trust{font-size:9px}.brand-tag{font-size:9px}.brand-rule{margin:2px 0}.brand-approved{display:none}.brand-naac{display:none}.brand-badges{display:none}
 .nav-inner{overflow:auto;justify-content:flex-start}.nav-inner a{padding:14px 13px;font-size:13px;white-space:nowrap}.nav-inner a:after{left:13px;right:13px}
 .mag-brand{padding:25px 0}.mag-brand h1{letter-spacing:3px}
 .hero-inner{min-height:auto}.hero-copy{padding:42px 0}.hero h2{font-size:2.45rem}.hero p{font-size:16px}
 .hero-visual{min-height:280px}.hero-visual:after{width:330px;height:220px}.cover{max-width:95%}
 .features{grid-template-columns:1fr 1fr}.feature{min-height:135px}
 .about-grid,.contact-grid,.board-grid{grid-template-columns:1fr}
 .stats{grid-template-columns:1fr 1fr}
 .archive{align-items:flex-start;flex-direction:column}
 .footer-grid{grid-template-columns:1fr}.bottom-inner{flex-direction:column}
 .section{padding:45px 0}
}
@media(max-width:430px){.features{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero h2{font-size:2.15rem}}