*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172333;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial}a{color:#2563eb;text-decoration:none}.container{width:min(1160px,92%);margin:auto}header{position:sticky;top:0;z-index:9;background:#0b1724;color:#fff}.nav{height:70px;display:flex;justify-content:space-between;align-items:center}.brand{color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;gap:10px}.brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#3b82f6}.nav nav{display:flex;gap:25px}.nav nav a{color:#dbe7f3}.hamb{display:none;background:none;border:0;color:white;font-size:24px}.mobile{display:none}.hero{background:radial-gradient(circle at 80%,#284c72,#0b1724 60%);color:white;padding:75px 0}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.02;letter-spacing:-.04em;margin:10px 0}.hero p{max-width:700px;color:#c8d6e5;font-size:19px}.hero span,.section small,.article small{letter-spacing:.15em;font-weight:800;color:#78a9e6;font-size:11px}.section{padding:52px 0}.secthead{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section h2{font-size:32px;margin:5px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:white;border:1px solid #e4e9ef;border-radius:17px;overflow:hidden;box-shadow:0 7px 25px #1723330d}.card img,.ph{width:100%;height:220px;object-fit:cover}.ph{background:linear-gradient(135deg,#dce7f3,#eef2f7)}.cardbody{padding:19px}.card h3{font-size:22px;line-height:1.25;margin:7px 0}.card h3 a{color:#172333}.cardbody p{color:#667085}.cardbody small{color:#7a8795}.read{font-weight:750}.archive{background:#edf2f6}.pages{display:flex;justify-content:center;gap:10px;margin:30px 0}.pages a{background:#172333;color:#fff;padding:9px 15px;border-radius:8px}.article{background:white;padding:60px 0}.article h1{font-size:clamp(40px,6vw,68px);line-height:1.05;max-width:900px;letter-spacing:-.04em}.lead{font-size:20px;color:#667085;max-width:820px}.featured{width:100%;max-height:650px;object-fit:cover;border-radius:17px;margin:25px 0}.content{max-width:820px;margin:35px auto;font-size:19px}.content img{display:block;max-width:100%;height:auto;margin:25px auto;border-radius:10px}.video{position:relative;width:100%;padding-top:56.25%;margin:28px 0;background:#000;border-radius:13px;overflow:hidden}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.search{display:flex;gap:8px}.search input{flex:1;padding:12px;border:1px solid #d5dde6;border-radius:9px}.search button,.loginbox button{background:#172333;color:#fff;border:0;border-radius:9px;padding:12px 18px}footer{background:#0b1724;color:#9eb0c3;padding:50px 0 25px}footer .brand{margin-bottom:10px}@media(max-width:700px){.container{width:94%}.nav nav{display:none}.hamb{display:block}.mobile{display:none;padding:8px 3%;border-top:1px solid #203246}.open .mobile{display:block}.mobile a{display:block;color:white;padding:8px}.hero{padding:52px 0}.hero h1{font-size:44px}.grid{grid-template-columns:1fr}.card img,.ph{height:190px}.section{padding:38px 0}.article{padding:40px 0}.content{font-size:17px}.lead{font-size:18px}}
.login{min-height:100vh;display:grid;place-items:center;background:#0b1724}.loginbox{width:min(420px,92%);background:white;padding:30px;border-radius:16px}.loginbox input{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:8px}
