:root{--primary:#254290;--black:#111111;--dark:#1C1C1C;--mid:#2B2B2B;--light:#F5F5F5;--white:#ffffff;--shadow:0 14px 32px rgba(17,17,17,.10);--radius:18px;}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--black);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}header,.site-header{background:var(--primary);position:sticky;top:0;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.14)}.container{width:min(1120px,92%);margin:0 auto}.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:1.15rem}.logo img{width:86px;height:42px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}nav{display:none;gap:8px;align-items:center}nav a{color:#fff;padding:10px 12px;border-radius:999px;font-weight:700}nav a:hover{background:rgba(255,255,255,.16)}.nav-toggle{display:none}.mobile-nav{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px}.mobile-nav span{height:2px;background:#fff;border-radius:10px}.nav-toggle:checked~nav{display:flex;position:absolute;left:4%;right:4%;top:70px;background:var(--dark);padding:16px;border-radius:18px;flex-direction:column;box-shadow:var(--shadow)}.hero,.banner{background:linear-gradient(135deg,var(--primary),#0f2457);color:#fff;padding:52px 0}.hero-grid{display:grid;gap:28px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.08;margin:0 0 16px}.hero p{font-size:1.05rem;max-width:720px;color:rgba(255,255,255,.9)}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tag{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);padding:8px 12px;border-radius:999px;font-size:.92rem}section{padding:44px 0}.section-title{font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.18;margin:0 0 14px}.grid{display:grid;gap:18px}.card{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid rgba(17,17,17,.06)}.card h2,.card h3{margin-top:0;line-height:1.25}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(37,66,144,.28);border:0}.btn:hover{filter:brightness(.94)}.notice{background:#eef3ff;border-left:5px solid var(--primary);padding:18px;border-radius:16px;margin:20px 0;color:#17213c}.faq{display:grid;gap:14px}.faq details{background:#fff;border-radius:16px;padding:18px;box-shadow:var(--shadow)}.faq summary{cursor:pointer;font-weight:800}.page-hero{background:#fff;padding:42px 0;border-bottom:1px solid rgba(17,17,17,.06)}.content{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.list{display:grid;gap:12px;padding-left:18px}.footer{background:var(--primary);color:#fff;padding:38px 0 18px;margin-top:40px}.footer-grid{display:grid;gap:22px}.footer a{display:block;color:#fff;margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.24);margin-top:22px;padding-top:16px;font-size:.92rem}@media (min-width:768px){.hero-grid{grid-template-columns:1.15fr .85fr}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.3fr .8fr 1.2fr}}@media (min-width:1024px){nav{display:flex}.mobile-nav{display:none}.nav-toggle:checked~nav{position:static;display:flex;flex-direction:row;background:transparent;padding:0;box-shadow:none}section{padding:58px 0}.hero{padding:72px 0}}
