:root{--color-primary:#0a1628;--color-primary-light:#112240;--color-secondary:#1a5276;--color-secondary-light:#1f6f97;--color-accent:#00b4d8;--color-accent-light:#48cae4;--color-gold:#d4a843;--color-gold-light:#e6c570;--color-success:#2ecc71;--color-warning:#f39c12;--color-danger:#e74c3c;--bg-body:#f0f4f8;--bg-card:#fff;--bg-card-hover:#fafcff;--bg-sidebar:#f8fafc;--bg-dark:#0a1628;--bg-gradient:linear-gradient(135deg, #0a1628 0%, #1a5276 50%, #1f6f97 100%);--bg-gradient-gold:linear-gradient(135deg, #d4a843 0%, #e6c570 100%);--bg-glass:#ffffff14;--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:#718096;--text-light:#a0aec0;--text-white:#fff;--text-link:#1a5276;--text-link-hover:#00b4d8;--font-heading:"Merriweather", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 25px #00000014, 0 4px 10px #0000000a;--shadow-xl:0 20px 40px #0000001a, 0 8px 16px #0000000f;--shadow-glow:0 0 20px #00b4d826;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1280px;--sidebar-width:300px;--header-height:80px;--nav-height:50px}*,:before,:after{box-sizing:border-box;font-variant-numeric:lining-nums tabular-nums;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-body);font-variant-numeric:lining-nums tabular-nums;-webkit-font-feature-settings:"lnum" 1, "tnum" 1;font-feature-settings:"lnum" 1, "tnum" 1;min-height:100vh;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--space-md);font-variant-numeric:lining-nums tabular-nums;-webkit-font-feature-settings:"lnum" 1, "tnum" 1;font-feature-settings:"lnum" 1, "tnum" 1;line-height:1.3}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-2xl);font-weight:700}h3{font-size:var(--font-size-xl);font-weight:700}h4{font-size:var(--font-size-lg);font-weight:600}p{margin-bottom:var(--space-md);text-align:justify;color:var(--text-secondary)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-link-hover)}ul,ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-sm);color:var(--text-secondary);text-align:justify}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);position:relative}.section-title:after{content:"";background:var(--bg-gradient-gold);border-radius:var(--radius-full);width:60px;height:3px;position:absolute;bottom:0;left:0}.section-title.centered:after{left:50%;transform:translate(-50%)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000000a}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-block}.badge-accent{color:var(--color-accent);background:#00b4d81a}.badge-gold{color:var(--color-gold);background:#d4a8431a}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--bg-gradient);color:var(--text-white)}.btn-primary:hover{box-shadow:var(--shadow-lg);color:var(--text-white);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color:var(--text-white)}.btn-accent:hover{box-shadow:var(--shadow-glow);color:var(--text-white);transform:translateY(-1px)}.btn-outline{border:2px solid var(--color-secondary);color:var(--color-secondary);background:0 0}.btn-outline:hover{background:var(--color-secondary);color:var(--text-white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-left{animation:.5s forwards slideInLeft}.animate-slide-right{animation:.5s forwards slideInRight}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.info-table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.info-table th,.info-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid #0000000f}.info-table th{background:var(--color-primary);color:var(--text-white);font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.info-table tr:nth-child(2n) td{background:#00b4d808}.info-table tr:hover td{background:#00b4d80f}.info-table td:first-child{color:var(--color-primary);white-space:nowrap;font-weight:600}@media (max-width:768px){:root{--font-size-3xl:1.75rem;--font-size-2xl:1.5rem;--font-size-xl:1.25rem}.container{padding:0 var(--space-md)}}.app{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1}
.site-header{z-index:1000;transition:box-shadow var(--transition-base);position:sticky;top:0}.site-header.scrolled{box-shadow:var(--shadow-lg)}.header-topbar{background:var(--color-primary);font-size:var(--font-size-xs);color:#fffc;border-bottom:1px solid #ffffff14;padding:6px 0}.topbar-content{justify-content:space-between;align-items:center;display:flex}.topbar-left,.topbar-right{align-items:center;gap:var(--space-lg);display:flex}.topbar-item{color:#fffc;transition:color var(--transition-fast);align-items:center;gap:6px;text-decoration:none;display:flex}.topbar-item:hover{color:var(--color-accent-light)}.topbar-item svg{opacity:.7;flex-shrink:0}.header-logo-area{background:var(--bg-card);padding:var(--space-md) 0;border-bottom:3px solid var(--color-gold)}.logo-content{align-items:center;display:flex}.logo-link{align-items:center;gap:var(--space-lg);color:inherit;text-decoration:none;display:flex}.logo-link:hover{color:inherit}.logo-icon{background:var(--bg-gradient);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.logo-icon span{color:var(--color-gold);font-family:var(--font-heading);font-weight:900;font-size:var(--font-size-lg);letter-spacing:1px}.logo-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary);margin:0;font-weight:700;line-height:1.2}.logo-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);text-align:left;letter-spacing:.3px;margin:4px 0 0;font-weight:500}.header-nav{background:var(--color-primary);position:relative}.nav-content{justify-content:space-between;align-items:center;display:flex;position:relative}.nav-list{margin:0;padding:0;list-style:none;display:flex}.nav-item{margin:0;position:relative}.nav-link{font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;border-bottom:2px solid #0000;padding:14px 18px;font-weight:500;text-decoration:none;display:block;color:#ffffffe6!important}.nav-link:hover,.nav-link.active{border-bottom-color:var(--color-accent);background:#ffffff0d;color:var(--color-accent-light)!important}.has-dropdown>.nav-link:after{content:"";vertical-align:middle;width:0;height:0;transition:transform var(--transition-fast);border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;margin-left:6px;display:inline-block}.dropdown-menu{background:var(--bg-card);border-radius:0 0 var(--radius-md) var(--radius-md);min-width:220px;box-shadow:var(--shadow-xl);padding:var(--space-sm) 0;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:100;border-top:2px solid var(--color-accent);margin:0;list-style:none;position:absolute;top:100%;left:0;transform:translateY(-8px)}.has-dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.has-dropdown:hover>.nav-link:after{transform:rotate(180deg)}.dropdown-menu li{margin:0}.dropdown-menu a{color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-align:left;padding:10px 20px;display:block}.dropdown-menu a:hover{color:var(--color-accent);background:#00b4d80f;padding-left:24px}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:10px;display:none}.hamburger span{background:var(--text-white);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:992px){.hamburger{display:flex}.nav-list{background:var(--color-primary-light);box-shadow:var(--shadow-xl);border-top:1px solid #ffffff1a;flex-direction:column;max-height:80vh;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav-list.open{display:flex}.nav-link{border-bottom:1px solid #ffffff0f;padding:14px 20px}.dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:#0003;border-top:none;border-radius:0;padding:0;position:static;transform:none}.dropdown-menu a{color:#fffc;padding-left:40px}.dropdown-menu a:hover{color:var(--color-accent-light);background:#ffffff0d;padding-left:44px}.has-dropdown>.nav-link:after{display:none}}@media (max-width:576px){.topbar-content{text-align:center;flex-direction:column;gap:4px}.topbar-left,.topbar-right{gap:var(--space-md)}.logo-icon{width:50px;height:50px}.logo-icon span{font-size:var(--font-size-sm)}.logo-title{font-size:var(--font-size-md)}.logo-subtitle{font-size:10px}}.nav-admin-btn-wrap{margin-left:auto}.nav-admin-btn{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #d4a84366;align-items:center;padding:6px 14px;font-weight:700;display:inline-flex;color:var(--color-gold)!important}.nav-admin-btn:hover{background:var(--bg-gradient-gold);border-color:var(--color-gold);box-shadow:0 2px 10px #d4a84333;color:var(--color-primary)!important}.nav-admin-btn svg{flex-shrink:0}.mobile-only-admin-link{display:none}@media (max-width:992px){.desktop-only-admin-btn{display:none}.mobile-only-admin-link{display:block}}
.site-footer{background:var(--color-primary);color:#fffc;margin-top:var(--space-4xl);position:relative}.footer-gold-line{background:var(--bg-gradient-gold);height:3px}.footer-content{padding:var(--space-3xl) 0}.footer-grid{gap:var(--space-3xl);grid-template-columns:1.2fr .8fr 1fr;display:grid}.footer-heading{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--text-white);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);position:relative}.footer-heading:after{content:"";background:var(--color-gold);border-radius:var(--radius-full);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-desc{font-size:var(--font-size-sm);color:#ffffffa6;margin-bottom:var(--space-lg);text-align:left;line-height:1.7}.footer-badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background:#ffffff14;border:1px solid #d4a8434d;padding:6px 16px;display:inline-flex}.issn-label{font-size:var(--font-size-xs);color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.issn-value{font-size:var(--font-size-sm);color:var(--text-white);font-weight:500}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-sm);text-align:left}.footer-links a{color:#ffffffa6;font-size:var(--font-size-sm);transition:all var(--transition-fast);align-items:center;display:inline-flex}.footer-links a:before{content:"›";color:var(--color-gold);transition:transform var(--transition-fast);margin-right:8px;font-size:1.2em}.footer-links a:hover{color:var(--color-accent-light);transform:translate(4px)}.footer-links a:hover:before{transform:translate(2px)}.footer-contact-list{gap:var(--space-md);flex-direction:column;display:flex}.footer-contact-item{gap:var(--space-sm);font-size:var(--font-size-sm);color:#ffffffa6;align-items:flex-start;display:flex}.footer-contact-item svg{color:var(--color-gold);flex-shrink:0;margin-top:3px}.footer-contact-item a{color:#ffffffa6;transition:color var(--transition-fast)}.footer-contact-item a:hover{color:var(--color-accent-light)}.footer-bottom{padding:var(--space-lg) 0;border-top:1px solid #ffffff14}.footer-bottom-content{justify-content:space-between;align-items:center;display:flex}.footer-bottom p{font-size:var(--font-size-xs);color:#ffffff80;text-align:left;margin:0}.footer-publisher{font-style:italic}@media (max-width:768px){.footer-grid{gap:var(--space-2xl);grid-template-columns:1fr}.footer-bottom-content{gap:var(--space-sm);text-align:center;flex-direction:column}}