:root { --primary-yellow:#F5B800; --dark-charcoal:#1c1d21; --steel-gray:#6b7280; --light-bg:#F8F9FA; --text-dark:#111827; --text-light:#FFFFFF; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; font-family:'Segoe UI',Arial,sans-serif; }
body { margin:0; color:var(--text-dark); background:var(--light-bg); line-height:1.6; }
img { max-width:100%; height:auto; display:block; }
.site-header { background:var(--dark-charcoal); border-bottom:4px solid var(--primary-yellow); }
.navbar { max-width:1280px; margin:0 auto; padding:15px 30px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { display:flex; align-items:center; gap:12px; color:#fff; font-weight:700; font-size:1.1rem; letter-spacing:.04em; text-decoration:none; }
.logo-img { height:62px; width:auto; background:#fff; padding:4px 8px; border-radius:6px; border:1.5px solid var(--primary-yellow); object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:26px; list-style:none; margin:0; padding:0; }
.nav-links a { color:#fff; text-decoration:none; font-weight:600; }
.nav-links a:hover,.nav-links a[aria-current='page'] { color:var(--primary-yellow); }
.page-shell { max-width:1180px; margin:0 auto; padding:72px 24px 88px; }
.eyebrow { color:var(--primary-yellow); text-transform:uppercase; letter-spacing:3px; font-size:.82rem; font-weight:700; }
.heading-line { width:60px; height:3px; background:var(--primary-yellow); margin:18px 0 28px; }
.error-page { min-height:62vh; display:grid; place-items:center; text-align:center; }
.error-code { margin:0; color:var(--dark-charcoal); font-size:clamp(6rem,18vw,13rem); line-height:.85; font-weight:800; letter-spacing:-.08em; text-shadow:10px 10px 0 rgba(245,184,0,.25); }
.error-page h1 { margin:34px 0 12px; font-size:clamp(1.8rem,4vw,3rem); text-transform:uppercase; }
.error-page p { max-width:560px; margin:0 auto 28px; color:#4b5563; }
.button { display:inline-block; background:var(--primary-yellow); color:var(--dark-charcoal); padding:13px 22px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; font-weight:800; border:2px solid var(--primary-yellow); }
.button:hover { background:transparent; color:var(--dark-charcoal); }
.policy-header { max-width:800px; margin-bottom:42px; }
.policy-header h1 { margin:8px 0 0; font-size:clamp(2rem,5vw,3.4rem); line-height:1.08; text-transform:uppercase; }
.policy-header p { color:var(--steel-gray); margin-top:16px; }
.policy-content { max-width:800px; background:#fff; padding:clamp(24px,5vw,52px); border-top:4px solid var(--primary-yellow); box-shadow:0 8px 28px rgba(17,24,39,.07); }
.policy-content h2 { margin:30px 0 10px; color:var(--dark-charcoal); font-size:1.35rem; }
.policy-content h2:first-child { margin-top:0; }
.policy-content p,.policy-content li { color:#374151; }
.policy-content ul { padding-left:22px; }
.policy-content a { color:#8a6500; font-weight:600; }
.site-footer { background:var(--dark-charcoal); color:#fff; border-top:4px solid var(--primary-yellow); padding:34px 24px 18px; }
.footer-container { max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; gap:40px; }
.footer-col { flex:1; }
.footer-col h3 { color:var(--primary-yellow); margin:0 0 10px; text-transform:uppercase; font-size:1rem; }
.footer-col p { margin:0; color:#d1d5db; max-width:440px; }
.footer-col a { color:#fff; }
.footer-bottom { max-width:1180px; margin:26px auto 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.18); color:#9ca3af; font-size:.86rem; }
@media(max-width:768px){ .navbar{padding:12px 18px;} .logo span{display:none;} .nav-links{gap:12px; font-size:.82rem;} .page-shell{padding-top:48px;} .footer-container{flex-direction:column;gap:24px;} }