.wrapper{color:#e8ecff;min-height:100vh;padding:60px 20px}.hero{text-align:center;margin-bottom:80px;padding:0 20px}.hero h1{background:linear-gradient(90deg,#fff,#8aa2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:26px;font-weight:700;line-height:1.2}.hero p{opacity:.75;margin-top:16px;font-size:16px}.block{flex-direction:column;gap:28px;margin-bottom:90px;padding:20px;display:flex}.text h2{color:#8aa2ff;margin-bottom:12px;font-size:20px}.text p{opacity:.85;font-size:15px;line-height:1.6}.visual{justify-content:center;display:flex}.mediaBox{background:linear-gradient(145deg,#12172b,#0c1020);border-radius:18px;width:340px;height:200px;position:relative;overflow:hidden;box-shadow:0 0 25px #8aa2ff40,inset 0 0 15px #8aa2ff1f}.image{object-fit:contain;padding:16px}.cta{text-align:center;margin-top:40px}.button{color:#fff;background:linear-gradient(90deg,#8aa2ff,#5a6cff);border-radius:10px;padding:14px 24px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8aa2ff66}@media (min-width:768px){.wrapper{padding:100px 60px}.hero{padding:0 60px}.hero h1{font-size:56px}.hero p{font-size:20px}.block{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:20px 60px 30px;display:grid}.block.reverse{direction:rtl}.block.reverse .text{direction:ltr}.mediaBox{width:680px;height:480px}.text h2{font-size:26px}.text p{font-size:17px}}