:root{--bg-color-light:#f5f5f5;--text-color-light:#111;--bg-color-dark:#0f0f0f;--text-color-dark:#f5f5f5;--accent-color:red}body{background-color:var(--bg-color-dark);color:var(--text-color-dark);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}body.bright{background-color:var(--bg-color-light);color:var(--text-color-light)}header{border-bottom:2px solid var(--accent-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 2rem;display:flex}header .logo{align-items:center;gap:.5rem;display:flex}header nav{flex-wrap:wrap;gap:.5rem;display:flex}header button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:700;transition:background .2s}header button:hover{background:#c00}main{scroll-snap-type:y mandatory}section{scroll-snap-align:start;border-bottom:2px solid var(--accent-color);min-height:100vh;padding:6rem 2rem}h1{color:var(--accent-color);text-transform:uppercase;margin-bottom:1rem;font-family:Bebas Neue,sans-serif;font-size:4rem}p{margin-bottom:2rem;font-family:Roboto,sans-serif;font-size:1.3rem}p strong{color:var(--accent-color)}.background-wrapper{min-height:100vh;transition:background-image .5s ease-in-out;position:relative}.background-wrapper:before{content:"";pointer-events:none;z-index:0;background:#0f0f0fb3;position:fixed;inset:0}body.bright .background-wrapper:before{background:#f5f5f5b3}.background-wrapper>*{z-index:1;position:relative}.image-container{border-radius:8px;width:100%;max-width:1200px;margin:2rem 0;overflow:hidden}.image-container img{object-fit:cover;width:100%;height:auto;display:block}.page-section{background:#141414d9;border-radius:12px;max-width:1400px;margin:0 auto 2rem;padding:2rem;box-shadow:0 4px 24px #0000004d}body.bright .page-section{background:#ffffffe6;box-shadow:0 4px 24px #0000001a}@media (max-width:600px){header{flex-direction:column;align-items:flex-start}header nav{justify-content:flex-start;width:100%}header nav button{flex:auto}.image-container{border-radius:4px;margin:1rem 0}section{padding:3rem 1rem}h1{font-size:2.5rem}p{font-size:1.1rem}}