:root{--o1:#b03718;--o2:#ed6b26}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Montserrat,sans-serif;background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff}
.container{max-width:1200px;margin:auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
h1{font-size:clamp(3rem,8vw,6rem);line-height:.9;margin:20px 0}
#menu{display:flex;flex-direction:column;gap:14px}
button{padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;text-align:left;cursor:pointer}
button:hover,.active{background:rgba(255,255,255,.18)}
.panel{max-width:1200px;margin:0 auto;padding:24px}
#text{margin-top:20px;line-height:1.8;white-space:pre-line}
footer{text-align:center;padding:50px}
a{display:inline-block;padding:16px 28px;border:1px solid #fff;color:#fff;text-decoration:none;border-radius:999px}
@media(max-width:900px){.container{grid-template-columns:1fr}}