*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;color:#17213c;line-height:1.6}header{position:fixed;top:0;width:100%;z-index:5;background:#071633eF}.nav{height:76px;max-width:1120px;width:92%;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{color:white;text-decoration:none;font-weight:900;font-size:20px}.logo b{color:#ff8a3d}.logo small{display:block;text-align:center;font-size:8px;letter-spacing:4px;color:#91a5cc}nav{display:flex;gap:28px}nav a{color:white;text-decoration:none;font-weight:bold}nav a:hover{color:#ff8a3d}#menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:760px;padding:130px 5% 80px;background:linear-gradient(135deg,#071633,#123875);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero>div:first-child{max-width:650px;margin:auto}.hero label,.title label{color:#246bfe;font-size:12px;font-weight:800;letter-spacing:2px}.hero label{color:#ff9c5b}.hero h1{font-size:clamp(44px,7vw,76px);line-height:1.05;margin:20px 0}.hero h1 span,.title b{color:#ff8a3d}.hero p{color:#bdcbe5;font-size:18px;margin-bottom:30px}.btn{display:inline-block;background:#ff8a3d;color:white;text-decoration:none;padding:13px 25px;border-radius:10px;font-weight:bold;margin-right:10px}.btn.outline{background:transparent;border:1px solid #7790c0}.hero-card{width:330px;height:380px;border-radius:35px;background:#fff;color:#17213c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:80px;box-shadow:0 25px 70px #0005}.hero-card h2{font-size:28px;margin-top:20px}.hero-card b{color:#ff8a3d}.hero-card p{color:#70809f;font-size:16px;margin:5px}section:not(.hero):not(.cta){padding:95px 5%;max-width:1200px;margin:auto}.alt{background:#f7faff;max-width:none!important}.title{text-align:center;max-width:650px;margin:0 auto 55px}.title h2{font-size:clamp(34px,5vw,48px);margin:10px}.title p{color:#70809f}.grid{display:grid;gap:24px;max-width:1120px;margin:auto}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}article{background:white;padding:30px;border-radius:22px;box-shadow:0 12px 35px #14326412;font-size:35px}article h3{font-size:21px;margin:10px 0}article p{font-size:15px;color:#70809f}.game{padding:0 0 25px;overflow:hidden}.game h3,.game p,.game button{margin-left:25px;margin-right:25px}.cover{height:190px;display:flex;align-items:center;justify-content:center;font-size:75px;margin-bottom:20px}.blue{background:linear-gradient(135deg,#246bfe,#62a1ff)}.orange{background:linear-gradient(135deg,#ff8a3d,#ffc071)}.purple{background:linear-gradient(135deg,#765cff,#b29cff)}.game button{border:0;background:#eaf2ff;color:#246bfe;padding:10px 15px;border-radius:8px;font-weight:bold}.cta{text-align:center;padding:85px 20px;background:linear-gradient(135deg,#246bfe,#102d66);color:white}.cta h2{font-size:50px}.cta p{margin:10px 0 25px;color:#d7e2f8}.contact{max-width:900px!important;background:#f7faff;border-radius:24px;display:flex;justify-content:space-between;gap:30px;padding:40px!important}.contact a{color:#246bfe;text-decoration:none;line-height:2}footer{background:#071633;color:white;text-align:center;padding:30px}footer p{color:#8da1c6;font-size:13px}@media(max-width:800px){#menu{display:block}nav{display:none;position:absolute;top:76px;left:0;width:100%;background:#071633;flex-direction:column;text-align:center;padding:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;text-align:center;min-height:700px}.hero-card{display:none}.three,.four{grid-template-columns:1fr}.contact{flex-direction:column;text-align:center}.btn{margin-bottom:10px;width:100%;margin-right:0}}