@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body{margin:0;padding:0;overflow:hidden;height:100%}html,body,#root{margin:0;padding:0;height:100%;scroll-behavior:smooth}.container{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}.page{font-size:3rem;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Poppins}nav{height:100px;background-color:#000;display:flex;align-items:center;text-align:center;justify-content:space-around;color:#fff;padding:0 20px}nav ul{text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:30px}nav ul li{font-size:16px;list-style:none}nav ul li a{color:#f7f7f7;transition:color .3s ease}nav ul li a:hover{color:#ffb22c}.connect-button{background-color:#f7f7f7;font-size:16px;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:color .5s ease,background-color .5s ease}.connect-button:hover{background-color:#ff9a00;color:#fff}@media (max-width: 768px){nav{height:auto;padding:15px 10px;flex-direction:column;gap:20px}nav ul{flex-direction:column;gap:15px;width:100%}nav ul li{font-size:14px}.connect-button{padding:12px 25px;font-size:14px;width:100%;max-width:200px}}@media (max-width: 480px){nav{padding:10px 5px}nav ul{gap:10px}nav ul li{font-size:12px}.connect-button{padding:10px 20px;font-size:12px}}.cursor-dot{position:fixed;width:12px;height:12px;background-color:#fff;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999}.model-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.Highlight{color:#ffb22c;font-style:italic}.landing-content{text-align:center;padding:0 20px}.landing-content h1{font-weight:700;font-size:30px;line-height:1.3;margin-bottom:15px}.landing-content p{font-size:15px;font-weight:500;color:#989898}.page1{background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff;height:100vh;min-height:600px;position:relative;overflow:hidden}@media (max-width: 768px){.landing-content{padding:2rem 15px}.landing-content h1{font-size:24px;line-height:1.4}.landing-content p{font-size:14px;margin-top:10px}.page1{min-height:500px;padding:20px 0}}@media (max-width: 480px){.landing-content{padding:1rem 10px}.landing-content h1{font-size:20px;line-height:1.5}.landing-content p{font-size:12px}.page1{min-height:400px}}@media (max-width: 320px){.landing-content h1{font-size:18px}.landing-content p{font-size:11px}}.page2{padding-top:20px;background-color:#000;color:#fff;position:relative;overflow:hidden}.box{padding-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tab h3{font-weight:400;font-size:18px}.tab{display:flex;flex-direction:row;align-items:end;justify-content:space-between;width:40%;height:60px;border-bottom:2px solid #989898}.skill-stack-container{width:100%;max-width:1400px}.title{text-align:center;font-size:30px;font-weight:700;margin-top:100px}h2{text-align:center;font-weight:700;font-size:30px}.skill-grid{display:grid;padding-left:150px;padding-right:50px;padding-top:50px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem 3rem}.skill-card{display:flex;align-items:center}.skill-card .icon{width:80px;height:80px;flex-shrink:0;background-color:#989898;border-radius:24px;margin-right:1.5rem;display:flex;align-items:center;justify-content:center}.skill-card .icon img{width:70%;height:70%;border-radius:24px}.skill-info h3{margin:0 0 .3rem;font-size:1.75rem;font-weight:600;color:#fff}.page3 p{text-align:center;font-size:1.1rem;color:#b0b0b0;padding-left:200px;padding-right:200px}.skill-info p{font-size:1.1rem;color:#b0b0b0}.brown-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.brown-background{height:200vh;width:90%;border-radius:50px;background:linear-gradient(180deg,#854836,#1f110d);padding:60px 80px;display:flex;flex-direction:column;align-items:center}.video-section{width:100%;height:100%}.video-section h2{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.horizontal-video-container{width:100%;max-width:800px;margin:0 auto 80px}.horizontal-video-container h3{color:#fff;font-size:1.8rem;font-weight:500;margin-bottom:30px;text-align:center}.video-player{width:100%;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;background:#1a1a1a}.video-player iframe{width:100%;height:450px;border:none;border-radius:20px}.vertical-videos-section h3{color:#fff;font-size:1.8rem;font-weight:500;margin-bottom:40px;text-align:center}.vertical-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;max-width:1000px;margin:0 auto}.vertical-video-player{border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;background:#1a1a1a}.vertical-video-player iframe{width:100%;height:500px;border:none;border-radius:20px}@media (max-width: 768px){.brown-background{padding:40px 30px}.video-section h2{font-size:2rem}.horizontal-video-container h3,.vertical-videos-section h3{font-size:1.5rem}.video-player iframe{height:300px}.vertical-video-player iframe{height:400px}.vertical-videos-grid{grid-template-columns:1fr;gap:20px}}.page3{min-height:100vh;padding:30px 20px;background-color:#000;color:#fff;position:relative}.page3 h2{text-align:center;font-size:2rem;margin-bottom:1rem}.page3 p{max-width:1500px;margin:0 auto;padding:0 10px;text-align:center;font-size:1rem;line-height:1.5}.imageGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:50px 0}.imageGrid img{height:300px;width:200px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.imageGrid img:hover{transform:scale(1.05)}@media (max-width: 768px){.imageGrid img{width:45%;height:auto}}@media (max-width: 480px){.imageGrid img{width:90%;height:auto}.page3 h2{font-size:1.5rem}.page3 p{font-size:.9rem;width:80%}}.three-column-grid{display:grid;align-items:center;grid-template-columns:.1fr .5fr .1fr;grid-template-rows:auto auto;gap:10px;padding:2rem;background-color:#000;justify-items:center;align-content:center;justify-content:center}.side-img,.middle-img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.side-img{height:300px;width:200px;transition:transform .3s ease}.side-img:hover{transform:scale(1.05)}.middle-img{height:320px;transition:transform .3s ease}.middle-img:hover{transform:scale(1.05)}@media (max-width: 900px){.three-column-grid{grid-template-columns:1fr 1fr;padding:1.5rem;gap:15px}.side-img{height:250px;width:180px}.middle-img{height:280px}}@media (max-width: 600px){.three-column-grid{grid-template-columns:1fr;padding:1rem;gap:20px}.side-img,.middle-img{height:250px;width:100%;max-width:300px}}@media (max-width: 480px){.three-column-grid{padding:.8rem;gap:15px}.side-img,.middle-img{height:200px;max-width:280px}}@media (max-width: 320px){.three-column-grid{padding:.5rem;gap:10px}.side-img,.middle-img{height:180px;max-width:250px}}.page4{height:100vh;min-height:600px;padding-top:30px;background-color:#000;color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;position:relative;overflow:hidden}.connect-heading{font-size:50px;width:80%;line-height:1.2;margin-bottom:20px}.button-container{margin-top:20px;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;justify-content:center}.Connect-buttons{width:350px;height:90px;border-radius:50px;font-size:25px;font-weight:700;cursor:pointer;border:none;background-color:#333;color:#fff;transition:background-color .3s ease}.Connect-buttons:hover{background-color:#a81e1b}@media (max-width: 768px){.page4{padding:20px;min-height:500px}.connect-heading{font-size:36px;width:90%;line-height:1.3}.button-container{gap:15px}.Connect-buttons{width:280px;height:70px;font-size:20px}}@media (max-width: 600px){.page4{padding:15px;min-height:450px}.connect-heading{font-size:28px;width:95%;line-height:1.4}.button-container{flex-direction:column;align-items:center;gap:15px;margin-top:30px}.Connect-buttons{width:100%;max-width:300px;height:60px;font-size:18px}}@media (max-width: 480px){.page4{padding:10px;min-height:400px}.connect-heading{font-size:24px;width:98%;line-height:1.5}.Connect-buttons{width:280px;height:55px;font-size:16px;border-radius:30px}}@media (max-width: 320px){.page4{padding:8px;min-height:350px}.connect-heading{font-size:20px;width:100%;line-height:1.6}.Connect-buttons{width:250px;height:50px;font-size:14px;border-radius:25px}}