*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{overflow-x:hidden;}
body{font-family:'Inter',sans-serif;background:#04080f;color:#fff;}
#bg-gradient{position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 90% at 50% 22%,#123255 0%,#0c2138 30%,#071425 55%,#04080f 80%,#02050b 100%);}
#particles-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;}
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;background:rgba(4,8,15,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05);}
nav .logo{font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-0.025em;text-decoration:none;}
nav .logo span{color:#2C5C88;}
nav .nav-links{display:flex;align-items:center;gap:1.5rem;}
nav .nav-links a{font-size:0.875rem;color:#d1d5db;text-decoration:none;transition:color 0.2s;}
nav .nav-links a:hover{color:#fff;}
nav .nav-right{display:flex;align-items:center;gap:1.5rem;}
nav .nav-phone{display:inline-flex;align-items:center;gap:0.5rem;background:#2C5C88;color:#fff;text-decoration:none;font-size:0.85rem;font-weight:600;border-radius:0.5rem;padding:0.55rem 1rem;transition:background 0.2s;white-space:nowrap;}
nav .nav-phone:hover{background:#3a7aad;}
nav .nav-phone svg{width:1rem;height:1rem;}
nav .social{display:flex;align-items:center;gap:1rem;}
nav .social a{color:#d1d5db;transition:color 0.2s;}
nav .social a:hover{color:#fff;}
nav .social svg{width:1.25rem;height:1.25rem;}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.hamburger span{display:block;width:22px;height:2px;background:#d1d5db;border-radius:2px;transition:all 0.25s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
#mobile-menu{display:none;position:fixed;top:58px;left:0;right:0;z-index:49;background:rgba(4,8,15,0.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.07);flex-direction:column;padding:1.25rem 1.5rem 1.5rem;gap:0.25rem;}
#mobile-menu.open{display:flex;}
#mobile-menu a{font-size:1rem;color:#d1d5db;text-decoration:none;padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.06);transition:color 0.2s;}
#mobile-menu a:last-child{border-bottom:none;}
#mobile-menu a:hover{color:#fff;}
#mobile-menu .mob-phone{display:inline-flex;align-items:center;gap:0.5rem;background:#2C5C88;color:#fff;border-radius:0.5rem;padding:0.75rem 1rem;font-weight:600;font-size:0.9rem;margin-top:0.75rem;text-decoration:none;}
#page-wrap{position:relative;z-index:10;background:rgba(4,7,12,0.75);min-height:100vh;}
#article-header{max-width:52rem;margin:0 auto;padding:8rem 2.5rem 2.5rem;}
.back-link{display:inline-flex;align-items:center;gap:0.4rem;color:#6b7280;text-decoration:none;font-size:0.85rem;margin-bottom:2rem;transition:color 0.2s;}
.back-link:hover{color:#fff;}
.back-link svg{width:0.9rem;height:0.9rem;}
.article-eyebrow{font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:#2C5C88;font-weight:600;margin-bottom:1rem;}
#article-header h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.2;color:#fff;margin-bottom:1rem;}
.article-meta{font-size:0.85rem;color:#6b7280;}
.header-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;}
.share-row{display:flex;align-items:center;gap:0.5rem;}
.share-label{font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:#6b7280;margin-right:0.15rem;}
.share-btn{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:#d1d5db;transition:all 0.2s;text-decoration:none;cursor:pointer;flex-shrink:0;}
.share-btn svg{width:1.05rem;height:1.05rem;}
.share-btn:hover{background:rgba(44,92,136,0.25);border-color:#2C5C88;color:#fff;transform:translateY(-2px);}
.share-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);background:#2C5C88;color:#fff;padding:0.6rem 1.1rem;border-radius:0.5rem;font-size:0.85rem;font-weight:500;opacity:0;pointer-events:none;transition:all 0.25s;z-index:200;box-shadow:0 6px 20px rgba(0,0,0,0.3);}
.share-toast.show{opacity:1;transform:translateX(-50%) translateY(-6px);}
@media(max-width:640px){.share-label{display:none;}.share-btn{width:2rem;height:2rem;}.share-btn svg{width:0.95rem;height:0.95rem;}}
#article-body{max-width:52rem;margin:0 auto;padding:0 2.5rem 6rem;font-size:1.05rem;line-height:1.8;color:#cbd5e1;}
#article-body h2{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;color:#fff;margin:2.5rem 0 1rem;line-height:1.25;}
#article-body h3{font-size:1.2rem;font-weight:600;color:#e2eaf4;margin:2rem 0 0.75rem;}
#article-body h4{font-size:1rem;font-weight:600;color:#e2eaf4;margin:1.5rem 0 0.5rem;}
#article-body p{margin-bottom:1.25rem;}
#article-body a{color:#4a90c4;text-decoration:underline;text-underline-offset:3px;}
#article-body a:hover{color:#7ab8e8;}
#article-body strong,#article-body b{color:#f0f4f8;font-weight:600;}
#article-body ul,#article-body ol{padding-left:1.5rem;margin-bottom:1.25rem;}
#article-body li{margin-bottom:0.5rem;}
#article-body blockquote{border-left:3px solid #2C5C88;background:rgba(44,92,136,0.1);padding:1rem 1.25rem;border-radius:0 0.5rem 0.5rem 0;margin:1.5rem 0;color:#b8cfe0;font-style:italic;}
#article-body code{background:rgba(255,255,255,0.07);color:#a5d0f0;padding:0.15rem 0.4rem;border-radius:0.3rem;font-size:0.9em;}
#article-body img{max-width:100%;border-radius:0.75rem;margin:1.5rem 0;display:block;}
#article-body hr{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:2.5rem 0;}
.article-cta{background:rgba(44,92,136,0.12);border:1px solid rgba(44,92,136,0.3);border-radius:0.9rem;padding:2rem;text-align:center;margin:2.5rem 0;}
.article-cta p{color:#b8cfe0;margin-bottom:1rem;font-size:0.95rem;}
.cta-btn{display:inline-flex;align-items:center;gap:0.5rem;background:#2C5C88;color:#fff;font-weight:500;border-radius:0.5rem;padding:0.875rem 2rem;font-size:0.875rem;text-decoration:none;transition:background 0.2s;}
.cta-btn:hover{background:#3a7aad;}
footer{border-top:1px solid rgba(255,255,255,0.07);background:rgba(4,7,12,0.75);}
footer .inner{max-width:72rem;margin:0 auto;padding:3rem 2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
footer .brand{font-weight:700;font-size:1.1rem;}
footer .brand span{color:#2C5C88;}
footer .tag{color:#6b7280;font-size:0.85rem;max-width:26rem;line-height:1.5;}
@media(max-width:768px){nav{padding:0.9rem 1.25rem;}nav .nav-links,nav .social,nav .nav-phone{display:none;}.hamburger{display:flex;}#article-header{padding:6rem 1.5rem 2rem;}#article-body{padding:0 1.5rem 4rem;}footer .inner{flex-direction:column;align-items:flex-start;}}