*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030305;color:#f5f5f7;font-family:Arial,Helvetica,sans-serif;line-height:1.55}header{padding:34px 6%;text-align:center;border-bottom:1px solid #1d1d25}.brand{font-size:clamp(36px,6vw,64px);font-weight:500}.sub{opacity:.8;margin-top:4px}nav{margin-top:24px;display:flex;gap:24px;justify-content:center}a{color:#fff}nav a{text-decoration:none;opacity:.8}.hero{padding:80px 8% 45px;text-align:center;max-width:950px;margin:auto}.hero h1,.contact h1{font-size:clamp(34px,5vw,56px);margin:0 0 15px}.hero p{font-size:20px;opacity:.82}.grid{max-width:1150px;margin:auto;padding:20px 5% 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid article{padding:28px;border:1px solid #5d3d88;border-radius:18px;background:linear-gradient(145deg,#08080d,#030305)}.grid h2{margin-top:0;font-size:23px}.grid p{margin-bottom:0;opacity:.9}.contact{border-top:1px solid #1d1d25;border-bottom:1px solid #1d1d25;padding:85px 8%;text-align:center;max-width:1000px;margin:auto}.contact p{font-size:18px;opacity:.9}.button{display:inline-block;margin-top:18px;padding:15px 25px;border:1px solid #8c5bd6;border-radius:999px;text-decoration:none;font-weight:700}.legal{max-width:950px;margin:auto;padding:80px 7%}.legal>h1{text-align:center;font-size:34px}.legal h2{font-size:18px;margin:28px 0 5px}.legal p{opacity:.88}footer{text-align:center;padding:35px;border-top:1px solid #1d1d25;opacity:.65}@media(max-width:720px){.grid{grid-template-columns:1fr}.hero{padding-top:55px}nav{gap:15px}.legal,.contact{padding-left:6%;padding-right:6%}}