
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#222;line-height:1.75}
.container{width:1100px;max-width:95%;margin:0 auto}
.site-header{background:#1c2a36;padding:18px 0}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo a{color:#fff;text-decoration:none;font-size:20px;font-weight:bold}
.main-nav a{color:#cfd8df;text-decoration:none;margin-left:20px;font-size:14px}
.main-nav a:hover{color:#fff}
.site-content{padding:60px 0;background:#fff}
.content-wrapper{max-width:950px}
h1{font-size:32px;margin-bottom:25px;color:#1c2a36}
h2{font-size:24px;margin-top:40px;margin-bottom:18px;color:#243846}
h3{font-size:19px;margin-top:25px;margin-bottom:12px}
p{margin-bottom:18px}
ul{margin-bottom:22px;padding-left:22px}
li{margin-bottom:10px}
.site-footer{background:#1c2a36;color:#cfd8df;padding:50px 0 25px}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap}
.footer-col{width:30%;min-width:200px}
.footer-col h4{color:#fff;margin-bottom:12px}
.footer-col a{color:#cfd8df;text-decoration:none}
.footer-col a:hover{color:#fff}
.footer-bottom{text-align:center;margin-top:30px;font-size:13px;opacity:.8}

/* Dropdown Menu */
.menu { list-style: none; display: flex; gap: 20px; padding:0; margin:0; }
.menu li { position: relative; }
.menu li a { text-decoration: none; }
.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #1c2a36;
    list-style: none;
    padding: 10px 0;
    min-width: 250px;
}
.submenu li { padding: 8px 15px; }
.submenu li a { color: #fff; text-decoration: none; }
.dropdown:hover .submenu { display: block; }
