@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@keyframes glitch{0%{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}50%{transform:translate(0)}60%{transform:translate(2px,2px)}70%{transform:translate(-2px,-2px)}80%{transform:translate(2px,-2px)}90%{transform:translate(-2px,2px)}to{transform:translate(0)}}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Rubik,sans-serif}html{scroll-behavior:smooth;background-color:#0c141d}.hold{width:100%;display:flex;justify-content:center}nav{width:100%;max-width:1800px;display:flex;justify-content:space-between;padding:20px 0}ul{margin-right:80px;display:flex;gap:35px;align-items:center}nav ul li a{color:#dbdbdb;font-weight:500;font-size:18px;font-family:Roboto Mono,monospace;transition:all ease-in-out .3s;filter:drop-shadow(0 0 0 transparent)}nav ul li a:hover{color:#1673e6;filter:drop-shadow(0 0 10px #1673E6)}#logo{cursor:pointer;margin-left:80px;width:120px;filter:drop-shadow(0 0 0 transparent);transition:filter .3s ease}#home{width:100%;max-width:1800px;padding-bottom:150px}#hero_title{text-align:center;margin-top:150px;color:#cfd9e5;font-size:60px;display:flex;gap:15px;align-items:center;justify-content:center;z-index:1;text-shadow:0 0 8px #1673E6aa}.name{position:relative;font-size:55px;font-family:"Press Start 2P",system-ui;display:inline-block}#hero_title:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-40%);border-radius:50%;background:radial-gradient(circle,#1673e666,#1673e600 70%);filter:blur(150px);z-index:-1}.name:before,.name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;overflow:hidden}.name:before{color:#1673e6;clip-path:inset(0 0 50% 0);animation:glitch 2.5s infinite ease-in-out alternate-reverse}.name:after{color:#1673e6;clip-path:inset(50% 0 0 0);animation:glitch 2.5s infinite ease-in-out}.hero_subtitle{font-size:24px;color:#84bbfd;font-weight:500;text-align:center;margin-top:20px;font-family:Roboto Mono,monospace}.hero_desc{color:#d4d4d4;font-size:18px;margin-top:10px;text-align:center;line-height:1.6;font-family:Rubik,sans-serif}.hero_buttons{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}.hero_btn{padding:12px 24px;border-radius:8px;font-weight:500;font-size:16px;display:flex;align-items:center;transition:all .3s ease;font-family:Roboto Mono,monospace;text-decoration:none;cursor:pointer}.hero_btn.primary{background-color:#1673e6;color:#fff}.hero_btn.secondary{border:2px solid #1673E6;color:#1673e6}.hero_btn.primary:hover{background-color:#2989ff;box-shadow:0 0 20px #1673e6cc,0 0 40px #1673e6bb}.hero_btn.secondary:hover{background-color:#1b2d43;box-shadow:0 0 15px #1673e6aa}#about{width:100%;max-width:1800px;margin-top:150px;padding-top:100px;display:flex;align-items:center;justify-content:space-between;padding-bottom:100px}#about_img{margin-right:80px;border-radius:50%;width:500px;border:10px solid #1673E6;transition:all ease-in-out .3s}#about_img:hover{scale:1.05}#about_text{margin-left:80px}.section-tag{font-family:Roboto Mono,monospace;font-size:22px;font-weight:400;color:#fff;text-transform:lowercase;padding-left:30px;position:relative}.section-tag:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:#1673e6;border-radius:50%;box-shadow:0 0 10px #1674e6aa}#about_title{color:#cfd9e5;font-size:50px;font-weight:500;margin-top:15px}#about_title span{color:#1673e6}#about_desc{color:#a9a9a9;margin-top:30px;text-wrap:balance}#about_stats_hold{margin-top:25px;display:flex;flex-wrap:wrap;column-gap:100px;row-gap:20px;max-width:450px}.about_stat{display:flex;flex-direction:column}.about_stat_title{color:#a9a9a9}.about_stat_count{color:#fff;font-weight:400;font-size:40px;margin-top:5px}#projects{width:100%;max-width:1800px;margin-top:150px;padding-top:100px;padding-bottom:100px}.projects-tag{padding-left:110px}.projects-tag:before{margin-left:80px}#projects_title{color:#cfd9e5;font-size:50px;font-weight:500;margin-top:15px;margin-left:80px}#projects_title span{color:#1673e6}.slider-wrapper{overflow:hidden;width:100%;max-width:1800px;margin-top:25px}.slider-track{display:flex;width:fit-content;animation:scrollLeft 35s linear infinite}.slide{flex:none;margin-right:40px;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #1673e626;transition:transform .3s ease}.slide img{height:240px;width:auto;display:block;border-radius:8px}.youtube-section{margin-top:25px;text-align:center}.youtube-title{font-size:24px;font-weight:500;color:#fff;font-family:Roboto Mono,monospace;margin-bottom:40px}.youtube-grid{display:flex;gap:40px;width:100%;justify-content:center;flex-wrap:wrap;margin:0 auto}.youtube-embed{aspect-ratio:16 / 9;width:450px;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #1673e626}.youtube-grid>:nth-child(n+4){grid-column:span 1}.youtube-grid>:nth-child(4){grid-column-start:2}#reviews{width:100%;max-width:1800px;padding:100px 0;margin-top:150px}#reviews_title{color:#cfd9e5;font-size:50px;font-weight:500;margin-top:15px;margin-left:80px}#reviews_title span{color:#1673e6}#reviews_hold{margin-top:40px;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.review_box{background-color:#101922;border:2px solid #1673E6;box-shadow:0 0 20px #1673e626;padding:30px;border-radius:16px;max-width:400px;width:100%;transition:all .3s ease;display:flex;flex-direction:column;gap:15px}.review_box:hover{box-shadow:0 0 30px #1673e64d;transform:translateY(-5px)}.client_name{font-size:18px;font-weight:500;color:#fff;display:flex;align-items:center;gap:12px}.client_pfp{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #1673E6}.client_review{font-size:16px;color:#c9c9c9;font-weight:400;line-height:1.6;text-wrap:balance;font-family:Rubik,sans-serif}.reviews-slider-wrapper{overflow:hidden;width:100%;max-width:1800px;margin-top:25px;pad:10px}.reviews-slider-track{display:flex;width:fit-content;padding:20px}.reviews-slider-wrapper:hover .reviews-slider-track{animation-play-state:paused}.review_box{flex:none;width:500px;margin-right:40px;background-color:#101922;border:2px solid #1673E6;box-shadow:0 0 20px #1673e626;padding:30px;border-radius:16px;display:flex;flex-direction:column;gap:15px;transition:all ease-in-out .3s}.review_box:hover{scale:1.05}#pricing{width:100%;max-width:1800px;padding-top:100px;padding-bottom:100px}#pricing_title{color:#cfd9e5;font-size:50px;font-weight:500;margin-top:15px;margin-left:80px}#pricing_title span{color:#1673e6}#pricing_hold{display:flex;margin-top:25px;width:100%;justify-content:space-between;gap:30px}#pricing_ui{width:400px;margin-left:80px;padding:20px;background-color:#101922;border:2px solid #1673E6;border-radius:10px;box-shadow:0 0 20px #1673e626}.pricing_box_title{font-size:35px;color:#c9c9c9}.pricing_text{margin-top:15px;display:flex;align-items:center;font-size:20px;gap:0px;color:#c9c9c9}.pricing_number{color:#fff;font-weight:500;font-size:40px}#pricing_package{width:400px;padding:20px;background-color:#101922;border:2px solid #1673E6;border-radius:10px;box-shadow:0 0 20px #1673e626;height:max-content;position:relative}#pricing_package ul{margin-top:25px;display:flex;flex-direction:column;align-items:start;gap:15px;padding-left:20px}#pricing_package ul li{position:relative;color:#c9c9c9;font-size:18px;padding-left:25px;line-height:1.5}#pricing_package ul li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;background-color:#1673e6;border-radius:50%;box-shadow:0 0 8px #1673e699}.yo{margin-top:15px}.recommended_badge{position:absolute;top:-15px;right:-15px;background-color:#1673e6;color:#fff;padding:6px 14px;font-size:14px;border-radius:8px;box-shadow:0 0 12px #1673e699;z-index:1}.summer-discount-banner{margin:20px 80px 0;background:linear-gradient(90deg,#1673e6,#16cae6);color:#fff;padding:15px 25px;border-radius:12px;font-size:18px;font-weight:500;text-align:center;box-shadow:0 0 15px #1673e666;animation:pulseBanner 1.5s infinite ease-in-out}.summer-discount-banner span{font-weight:700;font-size:20px}@keyframes pulseBanner{0%,to{transform:scale(1);box-shadow:0 0 15px #1673e666}50%{transform:scale(1.02);box-shadow:0 0 25px #1673e6b3}}.pricing_text{margin-top:15px;display:flex;flex-direction:column;align-items:start;gap:4px;margin-left:0;color:#c9c9c9;font-size:16px;line-height:1.4}.pricing_number{font-size:20px;margin-left:0;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.cut-text{position:relative;display:inline-block;font-size:16px;color:#888;opacity:.6}.cut-text:after{content:"";position:absolute;top:50%;left:-5%;width:110%;height:1.5px;background:linear-gradient(90deg,#ff4d4d,#f80);transform:rotate(-10deg)}#tos{width:400px;padding:20px;background-color:#101922;border:2px solid #1673E6;border-radius:10px;box-shadow:0 0 20px #1673e626;margin-right:80px;height:max-content}.tos_list{margin-top:20px;display:flex;flex-direction:column;align-items:start;gap:12px;padding-left:0}.tos_list li{color:#c9c9c9;font-size:16px;display:flex;align-items:self-start;line-height:1.6}.tos_list li span{color:#1673e6;margin-right:10px;font-size:20px;line-height:1.2}footer{width:100%;max-width:1800px;background-color:#1b2d43;background:linear-gradient(to top,#1673e6,#16cae6 70%);padding:15px;display:flex;justify-content:center}footer p{text-align:center;color:#000;font-weight:500}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:25px;cursor:pointer;margin-right:30px;z-index:999}.hamburger .bar{height:4px;background-color:#fff;transition:all .3s ease}.hamburger.open .bar:nth-child(1){transform:translateY(0) rotate(-135deg)}.hamburger.open .bar:nth-child(2){transform:translateY(5px) rotate(-135deg)}.hamburger.open .bar:nth-child(3){transform:translateY(10px) rotate(-135deg)}@media screen and (max-width: 768px){.hamburger{display:flex}#logo{margin-left:30px}nav{align-items:center}.nav-links{position:absolute;top:70px;margin-top:20px;margin-right:0;width:100%;background-color:#0c141def;flex-direction:column;gap:30px;padding:40px 0;border-top:1px solid #1673E6;display:none;align-items:center;justify-content:center;text-align:center;z-index:999}.nav-links.active{display:flex}nav ul li a{font-size:22px}#home{padding-bottom:100px;position:relative;overflow:hidden}#hero_title{width:100%;text-align:center;font-size:35px;gap:10px;margin-top:100px}body{overflow-x:hidden}#hero_title:before{width:700px;overflow-x:hidden}.hero_subtitle{font-size:20px}.hero_desc{font-size:16px}.name{font-size:30px}.hero_buttons{width:100%}#about{flex-wrap:wrap;margin-top:0;position:relative;overflow:hidden}#about_text{width:100%;margin-left:0}.section-tag{margin-left:30px}#about_title{font-size:35px;margin-left:30px}#about_desc{margin-left:30px;font-size:16px}#about_stats_hold{width:100%;margin-left:30px}.about_stat_count{font-size:30px}#about_img{margin-left:auto;margin-right:auto;margin-top:25px;display:block;width:350px}#projects{padding-bottom:50px;margin-top:0}.projects-tag{padding-left:30px}.projects-tag:before{margin-left:0}#projects_title{font-size:35px;margin-left:30px}.slide img{height:200px}.youtube-grid{width:100%;padding:30px;margin-top:0}.youtube-title{margin-bottom:0}#reviews{margin-top:0}#reviews_title,#pricing_title{margin-left:30px;font-size:35px}#pricing_hold{flex-wrap:wrap;padding:30px;margin-top:0;align-items:center;justify-content:center}#tos{margin-right:0;width:325px}#pricing_ui{margin-left:0}}
