*{margin:0;padding:0;box-sizing:border-box}body{background-color:#050514;color:#fff;font-family:Poppins,sans-serif}img{max-width:100%;height:auto}.bas{height:80px;width:100%;display:flex;justify-content:space-between;position:fixed;background-color:#050514;z-index:100;padding:0 30px;align-items:center;box-shadow:0 2px 10px #00000080}.bas1{display:flex;gap:40px}.bas1 p{cursor:pointer;transition:all .3s ease}.bas1 p:hover{background:linear-gradient(to right,orange,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.bas12{font-size:30px;font-weight:600;background:linear-gradient(to right,#1ee9e9,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.active p{color:#0ff;font-weight:700;border-bottom:2px solid #b46781}@media (max-width: 768px){.bas{flex-direction:column;height:auto;padding:10px 20px}.bas1{flex-direction:column;gap:15px}}.bas3{display:flex;justify-content:space-between;align-items:center;padding:0 50px;height:100vh;width:100%;background-color:#0a0a0a}.leftdiv{display:flex;flex-direction:column;gap:15px}#f1{font-size:2rem;font-weight:400}#f2{font-size:3.5rem;font-weight:700;color:#00bcd4}#f3{font-size:2rem;font-weight:400;letter-spacing:2px}#jam{width:150px;padding:10px;background-color:#9dfce7;color:#000;border-radius:10px;border:2px solid #9dfce7;cursor:pointer}#jam:hover{background-color:#000;color:#9dfce7;transition:.4s}.rightdiv{display:flex;align-items:center;justify-content:center}.photoid{width:350px;height:400px;border-radius:50%;box-shadow:0 0 25px #00bcd480;transition:transform .3s ease}.photoid:hover{transform:scale(1.05);box-shadow:5px 5px 30px #31d8ee80}@media (max-width: 1024px){.bas3{padding:0 30px}}@media (max-width: 768px){.bas3{flex-direction:column;justify-content:center;text-align:center;gap:30px}.rightdiv{order:-1}#f2{font-size:2.5rem}#f3{font-size:1.5rem}#jam{width:120px;padding:8px}.photoid{width:250px;height:250px}}.bas4{display:flex;padding:50px;gap:20px;width:100%;min-height:100vh;background-color:#0d1b2a;box-sizing:border-box}.leftbas4{flex:1;display:flex;gap:50px}.rightbas4{flex:1;border-radius:20px;box-shadow:0 0 30px #00ffff4d;background:url(/photo1.png) center/cover no-repeat}.cl{display:flex;flex-direction:column;align-items:center;margin-top:60px;gap:20px}.c1{height:40px;width:40px;background-color:#0ff;border-radius:50%;box-shadow:0 0 15px #3ad4df}.l1{width:3px;height:250px;background-color:#0ff;box-shadow:0 0 15px #3ad4df}.intro{display:flex;flex-direction:column;gap:40px;width:100%}.kam{font-size:28px;font-weight:700;color:#0ff;margin-bottom:10px}.pi,.ei,.si{display:grid;grid-template-columns:1fr 1fr;row-gap:10px;column-gap:40px;padding:20px;border-radius:10px;background-color:#ffffff0d;box-shadow:0 0 15px #0ff3;transition:all .3s ease}.pi:hover,.ei:hover,.si:hover{transform:translateY(-5px);box-shadow:0 0 25px #0ff6}.pi span,.ei span,.si span{display:inline-block;color:#0ff;font-weight:600;margin-right:10px}@media (max-width: 1024px){.bas4{padding:30px;gap:20px}.leftbas4{gap:30px}.l1{height:200px}}@media (max-width: 768px){.bas4{flex-direction:column;padding:20px}.leftbas4,.rightbas4{width:100%}.cl{flex-direction:row;justify-content:center;margin-top:20px}.l1{width:3px;height:100px}.pi,.ei,.si{grid-template-columns:1fr}}@media (max-width: 480px){.cl{flex-direction:column;margin-top:10px}.c1{width:25px;height:25px}.l1{height:80px}.kam{font-size:20px}.pi,.ei,.si{padding:15px;font-size:14px}}.bas5{height:100%;width:100%;min-width:100vw;min-height:100vh}.bas7{display:flex;align-items:center;justify-content:center;margin-top:165px;gap:15px}.bas6{font-size:45px;display:flex;align-items:center;justify-content:center;margin-top:250px;background:linear-gradient(to right,red,#d2ffc0);-webkit-background-clip:text;background-clip:text;color:transparent}.lam{height:140px;width:250px;background-color:#0b0a0a;border-radius:10px;box-shadow:10px 10px 30px #1c1ca9;display:flex;text-align:center;align-items:center;justify-content:center;font-size:25px;background:linear-gradient(to right,#c4cf2a,#3737cc);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer}.lam:hover{height:146px;width:256px;background-color:#0b0a0a;border-radius:10px;box-shadow:10px 10px 30px #0e0ecb;background:linear-gradient(to right,#e4f40e,#8c8ce5);-webkit-background-clip:text;background-clip:text;color:transparent}.bas9{height:100vh;width:100%;background-color:#0b0b23;display:flex;gap:20px;padding:20px;box-sizing:border-box}.left1{height:100%;width:50%;display:flex;align-items:center;justify-content:center}#ham1{height:300px;border-radius:50%;box-shadow:15px 15px 50px #5353ee;transition:all .3s ease}#ham1:hover{height:307px;box-shadow:15px 15px 50px #5b9bb1}.right1{height:100%;width:50%;display:flex;align-items:center;justify-content:center}.mainform{height:400px;width:450px;background-color:#0a0a0a;display:flex;border-radius:20px;justify-content:center;flex-direction:column;align-items:center;box-shadow:10px 10px 10px #7caea8;transition:all .3s ease}.mainform:hover{height:404px;width:454px;box-shadow:10px 10px 10px #d8b767}.pan1,.pan2{width:350px;height:30px;border-radius:15px;box-shadow:4px 4px 4px #2fe0ff;transition:all .3s ease}.pan1:hover{width:353px;height:32px;box-shadow:4px 4px 4px #a1ff2f}.pan2:hover{width:354px;height:31px;box-shadow:4px 4px 4px #2fff3d}.pan3{width:350px;height:70px;border-radius:15px;box-shadow:4px 4px 4px #2fe0ff;transition:all .3s ease}.pan3:hover{width:350px;height:70px;box-shadow:4px 4px 4px #52ff2f}.pan4{width:30%;height:30px;border-radius:20px;box-shadow:4px 4px 4px #2fe0ff;transition:all .3s ease}.pan4:hover{width:31%;height:31px;box-shadow:4px 4px 4px #7f2fff}@media (max-width: 1024px){.bas9{flex-direction:column;gap:30px}.left1,.right1{width:100%}#ham1{height:250px}.mainform{width:400px;height:380px}.pan1,.pan2,.pan3{width:90%}.pan4{width:40%}}@media (max-width: 768px){.bas9{flex-direction:column;padding:15px;gap:20px}#ham1{height:200px}.mainform{width:100%;max-width:350px;height:auto;padding:20px}.pan1,.pan2,.pan3,.pan4{width:100%}}