*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden}.hero{width:100%;height:vh;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.hero-slide:first-child{background-image:url(/main1.png)}.hero-slide:nth-child(2){background-image:url(/main2.jpeg)}.hero-slide:nth-child(3){background-image:url(/main3.jpeg)}.hero-slide.active{opacity:1}.hero-overlay{z-index:1;background:#0000008c;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;color:#fff;max-width:900px;padding:20px;position:relative}.hero-content h1{letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;font-size:clamp(2.5rem,6vw,5rem);animation:1s fadeUp}.hero-content p{font-size:clamp(1rem,2vw,1.4rem);animation:1.3s fadeUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.hero-btn{color:#fff;cursor:pointer;background:#1126df;border:none;border-radius:50px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s}.hero-btn:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000040}.hero-btn.outline{background:0 0;border:2px solid #fff}.hero-btn.outline:hover{color:#1126df;background:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mvv{flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;display:flex}.mvv-item{text-align:center;background:#f9f9f9;border-radius:15px;flex:300px;max-width:600px;height:100%;padding:25px;transition:all .3s}.mvv-item p{color:#000}.mvv-item:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001f}.inside-img{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:15px}.gradient-text{background:linear-gradient(270deg,red,#f90,#3c3,#39f,#c3f) 0 0/1000% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;animation:10s linear infinite colorShift}@keyframes colorShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.about-layouts{justify-content:space-between;align-items:stretch;gap:30px;width:100%;height:100%;padding:80px 40px;display:flex}.about-card{color:#fff;cursor:pointer;flex:1;min-height:350px;padding:35px;transition:all .5s;position:relative;overflow:hidden}.about-card h2{margin-bottom:20px;font-size:2rem}.about-card p{font-size:1rem;line-height:1.8}.card-one{background:linear-gradient(135deg,#1126df,#3c52ff);border-radius:0 80px}.card-one:hover{border-radius:80px 0;transform:translateY(-12px)}.card-two{background:linear-gradient(135deg,#ff7b00,#ffb347);border-radius:100px 25px}.card-two:hover{transform:scale(1.04)}.card-three{background:linear-gradient(135deg,#00a86b,#4cd964);border-left:10px solid #fff;border-radius:25px}.card-three:hover{transform:translate(10px)}.about-card{opacity:0;animation:1s forwards slideUp}.card-one{animation-delay:.2s}.card-two{animation-delay:.5s}.card-three{animation-delay:.8s}@keyframes slideUp{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@media (min-width:992px){.about-layouts{flex-wrap:wrap}.about-card{flex:calc(50% - 15px)}}@media (max-width:768px){.about-layouts{flex-direction:column;padding:50px 20px}.about-card{width:100%;min-height:auto}.about-card h2{font-size:1.6rem}.about-card p{font-size:.95rem}}.modal{z-index:999;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:25px;position:relative}.modal-content h3{margin-bottom:15px}.modal-content input{border:1px solid #ccc;border-radius:6px;width:100%;margin:10px 0;padding:12px}.modal-content button{color:#fff;cursor:pointer;background:#1126df;border:none;border-radius:6px;width:100%;padding:12px}.close{cursor:pointer;font-size:22px;position:absolute;top:10px;right:15px}@media (max-width:768px){.hero{height:55vh}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.mvv-item{flex:100%}.hero-buttons{flex-direction:column;align-items:center}}