*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3;cursor:default;overflow-x:hidden}html{scroll-behavior:smooth 2s;scroll-snap-type:y mandatory;scroll-behavior:smooth}section{overflow-x:hidden;height:100vh;scroll-snap-align:center}.para-parent{position:relative}a{text-decoration:none;color:inherit}sidebar{background-color:orange}.main-scroll-top{position:fixed;bottom:50px;right:60px;z-index:100;width:20px;height:20px;scale:2;color:orange;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000000}::-webkit-scrollbar-thumb{background:linear-gradient(100deg,#30d9ff,#ff992c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#81e6ff}.notification-wrapper{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem}.notification-container{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.2rem;border-left:4px solid white;border-radius:12px;background:rgba(25,30,50,.738);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;box-shadow:0 4px 15px #00000040;position:relative;min-width:280px;max-width:340px}.notification-container.success{border-left-color:#4caf50}.notification-container.error{border-left-color:#e53935}.notification-container.info{border-left-color:#2196f3}.notification-container.warning{border-left-color:#ff9800}.emoji{font-size:1.5rem;line-height:1;margin-top:3px}.text-content{flex:1}.title{font-weight:600;font-size:1.05rem;margin-bottom:.2rem}.message{font-size:.875rem;opacity:.85}.close-btn{background:none;border:none;color:#fffc;font-size:1.2rem;cursor:pointer;font-weight:700;transition:all .2s ease;margin-left:.4rem}.close-btn:hover{color:#fff;transform:scale(1.2)}.progress-bar{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.3);border-radius:0 0 12px 12px}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:70vw;height:100px;margin:auto}.logo,.social-links{margin:auto 20px;display:flex;align-items:center;justify-content:center;gap:15px}.social-links>a{display:flex;align-items:center;justify-content:center}.social-links>a>img{width:29px}.social-links>a>img:hover{transition:all .3s ease-in-out;transform:scale(1.2)}.github{border-radius:50px}.side-button{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:fixed;top:30px;left:30px;z-index:23;cursor:pointer}.side-container{background-color:orange;height:0px;z-index:22}.side-links{background-color:#fff;height:100vh;width:300px;position:fixed;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px;color:#000;font-size:1.5rem;z-index:22}@media screen and (max-width: 768px){.side-button{top:30px;left:30px}}.hero-container{height:calc(100vh - 100px);background:linear-gradient(180deg,#0c0c1d,#111132);position:relative;overflow:hidden}.hero-img{height:112vh;position:absolute;right:14vw;bottom:-137px;scale:1}.text-wrapper{max-width:70vw;margin:auto;height:100%;display:flex;align-items:center}.hero-info{display:flex;flex-direction:column;gap:30px}.hero-title{color:#639;font-size:30px;letter-spacing:8px}.hero-role{font-size:78px;width:70%}.hero-but{z-index:10}.but-pro,.but-con{position:relative;overflow:hidden;z-index:1;margin:10px;padding:10px 20px;border-radius:5px;font-size:15px;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer;transition:color .4s ease}.but-pro:before,.but-con:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:white;z-index:-1;transition:width .4s ease}.but-pro:hover:before,.but-con:hover:before{width:100%}.but-pro:hover,.but-con:hover{color:#000}.but-pro{border-color:#fff;color:#fff}.but-pro:before{background:white}.but-pro:hover{color:#000}.scroll-img{height:50px;z-index:1}.scroll-img>img{height:35px;opacity:inherit}.hero-back-text{font-size:50vh;color:#ffffff0f;position:absolute;bottom:-10px;white-space:nowrap}@media screen and (max-width: 768px){.hero-container{position:relative;width:100vw;height:calc(100vh - 100px);padding:40px 20px 80px}.text-wrapper{width:100vw;height:100vh;flex-direction:column}.hero-info{gap:20px;height:85vh;position:relative}.hero-title{margin:10px 0 0;font-size:25px;letter-spacing:5px}.hero-role{font-size:38px;width:100%}.hero-but{display:flex;justify-content:space-evenly;gap:10px}.but-pro,.but-con{width:50vw;font-size:14px;padding:10px 36px;width:100%;text-align:center}.but-pro{background:linear-gradient(120deg,#ff8a00,#e52e71,#9b00ff)}.but-con{background:linear-gradient(240deg,#59ddc0,#63caea,#1337a3)}.scroll-img{display:none;height:40px;margin-top:30px}.scroll-img>img{height:30px}.hero-img{position:absolute;bottom:-177px;right:0;margin:40px auto 0;display:block;scale:1;max-width:100%;height:auto}.hero-back-text{position:absolute;color:#ffffff0f;font-size:25vh;bottom:20px;white-space:nowrap;overflow:hidden}}.parallex{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;position:relative}.para-heading{font-size:50px;color:#f1e4fe;position:absolute;display:flex;align-items:center;justify-content:center}.para-head-img{position:absolute;right:10px;bottom:50px;width:50px;z-index:10}.mountain{bottom:0;width:100%;z-index:10;position:absolute}.planet{position:absolute;bottom:0;width:100%;z-index:9}.stars{scale:1.25;position:absolute;bottom:0;width:100%;z-index:8}.parallex>*>img{width:100%;object-fit:cover}@media screen and (max-width: 768px){.parallex{height:100vh;overflow:hidden;gap:20px;padding:20px;justify-content:flex-start}.para-heading{position:absolute;color:#f1e4fe;font-size:38px;padding:0 10px;text-align:center;top:40vh}.para-head-img{bottom:20px;width:40px;right:10px}.mountain img{transform:scale(1.1);object-fit:cover}.planet img{width:100%;margin:0 auto}.stars img{height:120vh;object-fit:cover}.stars{bottom:0;height:100vh}.planet,.mountain,.stars{left:0;right:0}.planet{scale:2.5;position:absolute;bottom:40vh;left:30vw}.mountain{margin-bottom:5px}.stars{right:90vw;position:absolute}.parallex>*>img{width:100%;object-fit:cover}}.services{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(360deg,#111132,#0c0c1d)}.services-info{flex:1;display:flex;justify-content:flex-end;align-items:center}.services-info>hr{position:absolute;left:90vw;width:8vw;overflow:hidden}.services-role{margin-right:130px}.servises-main{flex:2;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px}.services-up{width:50%;display:flex;align-items:center;justify-content:space-evenly}.services-img-container{height:80px;width:300px;overflow:hidden;border-radius:50px}.services-img-container>img{width:100%;height:100%;object-fit:cover}.services-span{font-weight:bolder;margin-right:20px}.services-down{height:50%;display:flex;align-items:center;justify-content:center;gap:20px}.services-button{background:linear-gradient(120deg,#ffffff,#70cb6a,#f8aa00);position:relative;overflow:hidden;padding:20px 55px;border-radius:50px;font-size:20px;font-weight:700;color:#000;border:none;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px #ffa5004d;transform:scale(1)}.services-button:before{content:"Get the work done";display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,#ff8a00,#e52e71,#9b00ff);transition:all .4s ease;z-index:0}.services-button:hover:before{left:0}.services-button span{position:relative;z-index:1}.services-bottom{flex:2;display:flex;align-items:end;justify-content:center}.card{background-color:transparent;width:270px;padding:20px;height:270px;display:flex;flex-direction:column;font-size:15px;align-items:start;justify-content:space-between;margin-bottom:9px;gap:10px;border:.5px solid gray}.card{position:relative;overflow:hidden;z-index:1}.card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgb(91,223,230),rgb(49,98,189),rgb(91,223,230));z-index:-1;opacity:0;transition:opacity 1s ease}.card:hover:before{opacity:1;filter:blur(10px)}.card:hover{box-shadow:0 10px 30px #ffa5004d}.card-head{font-weight:bolder;font-size:21px}.card-button{background-color:orange;width:100%;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:18px;font-weight:600;color:#000;border:none;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#ffb347;transition:all .4s ease;z-index:-1}.card-button:hover:before{left:0}.card-button:hover{color:#864ac1;transform:scale(1.05);border-radius:12px;letter-spacing:.5px}@media (max-width: 768px){.services{height:auto;padding:40px 20px}.services-info{justify-content:center;padding:10px 0}.services-info>hr{display:none}.services-role{margin:0;text-align:center;font-size:18px}.servises-main{font-size:32px;text-align:center;width:100%}.services-up{flex-direction:column;gap:15px;width:100%}.services-img-container{width:200px;height:70px}.services-down{flex-direction:column;height:auto;gap:15px;padding-top:20px}.services-button{padding:14px 28px;font-size:16px}.services-bottom{flex-wrap:wrap;gap:20px;padding:30px 0}.card{width:100%;max-width:330px}}.portfolio{position:relative;background:linear-gradient(180deg,#111132,#0c0c1d)}.loader-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;overflow-x:hidden}.loaderr{width:75%;height:22px;border-radius:40px;color:#514b82;border:2px solid;position:relative}.loaderr:before{content:"";position:absolute;margin:2px;width:20%;top:0;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:l3 2s infinite linear}@keyframes l3{50%{left:100%;transform:translate(calc(-100% - 4px))}}.loaderrr{width:fit-content;font-weight:700;font-family:monospace;font-size:30px;color:#0000;overflow:hidden;animation:l9 5s infinite cubic-bezier(.3,1,0,1)}.loaderrr:before{content:"Loading..."}@keyframes l9{0%{text-shadow:0 0 #38ffe1,11ch 0 #86ff35,22ch 0 #ff8bfd,33ch 0 #00eaff,44ch 0 #00ffe5}25%{text-shadow:-11ch 0 #38ffe1,0ch 0 #86ff35,11ch 0 #ff8bfd,22ch 0 #00eaff,33ch 0 #00ffe5}50%{text-shadow:-22ch 0 #38ffe1,-11ch 0 #86ff35,0ch 0 #ff8bfd,11ch 0 #00eaff,22ch 0 #00ffe5}75%{text-shadow:-33ch 0 #38ffe1,-22ch 0 #86ff35,-11ch 0 #ff8bfd,0ch 0 #00eaff,11ch 0 #00ffe5}to{text-shadow:-44ch 0 #38ffe1,-33ch 0 #86ff35,-22ch 0 #ff8bfd,-11ch 0 #00eaff,0ch 0 #00ffe5}}.protfolio-progress{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:10px;background-color:#0c0c1d49;z-index:5}.protfolio-progress>h1{font-size:45px;color:orange}.portfolio-progress-bar{width:90vw;height:10px;background-color:#fff;z-index:10}.project-container{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-img-container{position:relative;overflow:hidden;height:50%;width:40%;border-radius:10px;border:1px double grey}.project-img-container>img{position:absolute;top:0;width:100%;height:100%;object-fit:cover}.project-info-container{width:30%;height:40%;padding:3%;display:flex;align-items:start;justify-content:center;flex-direction:column;gap:20%}.project-title{font-size:45px;color:#fff;font-weight:700}.pro-links{display:flex;align-items:center;justify-content:center;flex-direction:column}.project-button{width:100%;height:50px;margin:5px}.project-butt{background-color:orange;padding:10px 50px;border-radius:10px;cursor:pointer;width:100%}.project-butt{background-color:orange;padding:10px 50px;border-radius:10px;cursor:pointer;border:none;font-weight:700;color:#000;transition:all .3s ease}.project-butt:hover{background-color:orange;transform:scale(1.05);border:black solid 3px}.project-butt{padding:12px 50px;border-radius:12px;cursor:pointer;width:100%;font-weight:600;font-size:16px;border:none;transition:all .3s ease;letter-spacing:.5px}.project-butt.live-btn{background:linear-gradient(135deg,#f09819,#ff512f);color:#fff}.project-butt.live-btn:hover{background:linear-gradient(135deg,#ff512f,#f09819);transform:scale(1.05);box-shadow:0 6px 20px #ff8c0080}.project-butt.github-btn{background:linear-gradient(135deg,#2c3e50,#1a1a2e);color:#f0f0f0;border:1px solid #444;box-shadow:0 4px 10px #0000004d}.project-butt.github-btn:hover{background:linear-gradient(135deg,#1a1a2e,#2c3e50);color:#f0db4f;transform:scale(1.05);box-shadow:0 6px 18px #00000080}@media (max-width: 768px){.protfolio-progress{display:flex;align-items:center;justify-content:center}.protfolio-progress>h1{font-size:30px;text-align:center;width:100%}.portfolio-progress-bar{width:100%}.project-container{flex-direction:column;gap:10vh;padding:15px;align-items:center;justify-content:center}.project-img-container{width:100%;height:30%;margin-top:15vh}.project-img-container>img{object-fit:cover;position:absolute;top:0;height:100%}.project-info-container{width:100%;height:auto;padding:10px;align-items:center;text-align:center;gap:10px}.project-title{font-size:28px}.pro-links{flex-direction:column;gap:10px;width:100%}.project-button{height:auto}.project-butt{padding:12px;width:90%;font-size:15px}.project-butt.github-btn{background:linear-gradient(135deg,#1a1a2e,#2c3e50);color:#f0db4f}.project-butt.live-btn{background:linear-gradient(135deg,#081c46,#00b3ff);color:#fff}}.contact-section{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-direction:column}.up-two{width:100%;height:80%;display:flex;align-items:center;justify-content:center}.text-container{width:30%;height:70%;display:flex;align-items:start;justify-content:center;flex-direction:column;padding:20px;gap:30px}.form-text-heading{font-size:60px;line-height:60px}.form-container{width:40%;height:90%;display:flex;align-items:start;justify-content:center;flex-direction:column;padding:20px;position:relative}.form-container>form{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;gap:20px;position:relative;color:#fff}.form-name,.form-email{width:90%;height:50px;border-radius:10px;border:2px solid gray;padding:10px;background-color:transparent;color:#fff}.form-message{width:90%;height:40%;border-radius:10px;border:2px solid gray;padding:10px;background-color:transparent;color:#fff}.form-submit{width:90%;min-height:10%;border-radius:10px;background-color:orange;cursor:pointer;font-size:18px}.svg-call-container{width:90%;overflow:hidden;position:absolute}.svg-call-container>*{stroke:orange;width:100%;height:100%;object-fit:cover;z-index:200}.footer-outer{width:100%;height:20%}.form-text-mail,.form-text-mail-down,.form-text-phone,.form-text-phone-down{width:100%}.copy-container{position:relative;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between}.copy-icon{margin-left:8px;font-size:.9em;opacity:0;transition:opacity .2s}.text-container:hover .copy-icon{opacity:1;scale:1.2}.copy-feedback{position:absolute;top:-24px;right:0;background:rgba(255,165,0,.9);color:#fff;font-size:.7em;padding:2px 6px;border-radius:4px;pointer-events:none}.loader{display:inline-block;width:14px;height:14px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.up-two{flex-direction:column;align-items:center}.text-container{width:90%;padding:10px}.form-container{width:100%}.form-text-heading{width:50vw;margin-left:20vw;text-align:right;font-size:40px;line-height:50px}.copy-icon{opacity:1;scale:1.2}.form-name,.form-email,.form-message,.form-submit{font-size:15px}.copy-container{flex-direction:row;align-items:center}.copy-icon{font-size:1.2em}.form-submit{width:90%;min-height:14%;border-radius:10px;background-color:orange;cursor:pointer;font-size:18px}.footer-outer{width:100%;height:15%}}.footer-section{width:100%;background-color:#050602;color:#fff;padding:40px 20px;position:relative;display:flex;flex-direction:column;gap:10px}.footer-top{display:flex;gap:20px;z-index:3;align-items:center;justify-content:space-evenly;width:100%}.footer-quote{font-style:italic;color:#ffd699;font-size:25px;font-weight:400;max-width:600px;z-index:3}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#f90}.footer-socials{display:flex;gap:15px;font-size:20px}.footer-socials a{color:#fff;transition:color .3s}.footer-socials a:hover{color:#f90}.scroll-top-btn{margin-top:10px;font-size:24px;cursor:pointer;color:orange;transition:transform .3s}.scroll-top-btn:hover{transform:translateY(-5px)}.footer-bottom{width:40%;height:50px;font-size:14px;color:#fff;z-index:3;margin:auto;display:flex;align-items:center;justify-content:center;p{z-index: 3;}}.foot-back{position:absolute;bottom:0;right:0;height:100%;width:100%;overflow:hidden;z-index:1;opacity:.2;img{width: 100%; height: 100%; z-index: inherit;}}@media (max-width: 768px){.footer-top{align-items:center;justify-content:space-evenly;text-align:center}.footer-quote{font-size:16px;max-width:90%}.footer-links{flex-direction:column;gap:10px;display:none}.footer-socials{font-size:18px}.scroll-top-btn{font-size:20px}.footer-bottom{width:100%;font-size:12px}.foot-back img{object-fit:cover;height:100%;width:100%}}