html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:Segoe UI,Arial,sans-serif;background-color:#f9f9f9}.section{max-width:100%;overflow-x:hidden;padding:40px 20px;box-sizing:border-box;text-align:center;background-color:#fff;margin-bottom:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}html{font-size:clamp(14px,1.5vw,18px)}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.3;font-weight:700}h2{font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:1.35;font-weight:600}h3{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.4}p{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.6;color:#333}*{max-width:100%;overflow-wrap:break-word}video,img{max-width:100%;height:auto;display:block;border-radius:10px;margin:20px auto;box-shadow:0 4px 10px #0000001a}@media (max-width: 768px){h1{font-size:1.6rem;line-height:1.3;margin-bottom:10px}h2{font-size:1.3rem;line-height:1.3}p{font-size:1rem;padding:0 15px;line-height:1.6;word-break:break-word}.section{padding:25px 10px}.text-overlay,.hero-text{position:relative;z-index:2;background:#ffffffd9;border-radius:8px;padding:10px;display:inline-block}*{max-width:100%;overflow-wrap:break-word}}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#fff;flex-wrap:wrap}.logo{height:55px;width:auto}.nav{display:flex;gap:24px}.nav a{text-decoration:none;color:#036;font-weight:500;transition:color .2s}.nav a:hover{color:#06c}@media (max-width: 768px){.header{flex-direction:column;align-items:center;text-align:center}.logo{margin-bottom:10px}.nav{flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}.nav a{font-size:1.05rem}}