body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#0f0f1d,#000);color:#fff}.navbar{position:fixed;top:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;background:#000;padding:0 24px;box-shadow:0 2px 8px #00000014}.logo_text h2{font-size:37px;background:linear-gradient(90deg,#7cade6,#73d1c9,#649cc1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;margin-left:30px}.nav-links{list-style:none;display:flex;gap:40px;margin-right:50px}.nav-links li a{font-size:18px;font-weight:500;color:#fff;text-decoration:none;padding:8px 12px;border-radius:20px;transition:all .3s ease}.nav-links li a:hover{background:linear-gradient(90deg,#73b1f7,#a981f9);color:#000}.hamburger{display:none;font-size:32px;color:#fff;cursor:pointer}.mobile-menu{position:fixed;top:-100%;left:0;width:100%;background:#000;padding:20px;box-shadow:0 2px 10px #0000004d;z-index:50;transition:top .3s ease}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:20px;text-align:left;padding:0;margin:40px 0 0}.mobile-menu ul li a{font-size:16px;font-weight:600;color:#fff;text-decoration:none;padding:10px 0;display:block}.mobile-menu ul li:hover{background-color:#212020cc;border-radius:8px;max-width:100%;padding-left:30px}.mobile-menu.active{top:0}.close-btn{font-size:30px;color:#fff;text-align:right;cursor:pointer}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:0}.app-wrapper{background:radial-gradient(at top left,#3c4b5e 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#384d4d75 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative;min-height:auto;padding-top:60px}.app-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0% 5%;margin-top:-30px}.text-section{flex:1;max-width:700px;z-index:1}.text-section h1{font-size:65px;font-family:Arial,Helvetica,sans-serif;margin-bottom:15px;font-weight:700;margin-top:120px;line-height:1.2}.text-section h1 span{background:linear-gradient(90deg,#00b6e8,#66f2b8,#c64ce8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-section h3{font-size:33px;font-weight:700;margin-bottom:40px;margin-left:30px;background:linear-gradient(90deg,#b3d5df,#a2d2be,#dba9e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-section p{line-height:1.6;color:#e8e8e8;margin-bottom:40px;max-width:700px;margin-left:30px;font-size:20px;text-align:left}.image-section{flex:1;text-align:center;height:280px;margin-top:120px;margin-left:100px;z-index:1}.image-section img{max-width:60%;height:340px;border-radius:20px;border:10px solid black;outline:4px solid;outline-offset:-6px;margin-top:20px}.buttons{margin-left:80px;margin-top:0}button{margin:15px;border:none;background:none;cursor:pointer}button a{display:inline-block;padding:16px 40px;font-size:18px;border-radius:8px;text-decoration:none;transition:all .3s ease;font-weight:700}button a:hover{transform:scale(1.05)}.primary-btn a{background:linear-gradient(90deg,#00e1b0,#74cbd5,#00afe4);color:#111!important}.primary-btn a:hover{transform:scale(1.03);animation:bounce .6s ease;box-shadow:0 4px 8px #29e2ffbe}.secondary-btn a{border:2px solid grey;color:#fff!important;background:transparent}.secondary-btn a:hover{border:2px solid white;transform:scale(1.03);animation:bounce .6s ease}.secondary-btn a i{margin-left:10px}.shape{position:absolute;opacity:.6;animation:float-shapes linear infinite}.circle-1{width:20px;height:20px;background-color:#4732a3;border-radius:50%;top:22%;left:60%;animation-duration:5s;animation-delay:2s}.circle-2{width:10px;height:10px;background-color:#0c615a;border-radius:50%;top:83%;right:15%;animation-duration:5s;animation-delay:5s}.circle-3{width:30px;height:30px;background-color:#1467c6;border-radius:50%;bottom:10%;right:30%;animation-duration:4s;animation-delay:7s}.circle-4{width:30px;height:30px;background-color:#ffd501;border-radius:50%;top:23%;left:80%;animation-duration:5s;animation-delay:1s}.circle-5{width:25px;height:25px;background-color:#00ff91;border-radius:50%;top:50%;left:55%;animation-duration:3s;animation-delay:1s}.circle-6{width:20px;height:20px;background-color:#5baf00;border-radius:50%;top:50%;left:90%;animation-duration:3s;animation-delay:1s}.circle-7{width:15px;height:15px;background-color:#8b45ae;border-radius:50%;top:83%;left:55%;animation-duration:5s;animation-delay:2s}.triangle-1{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:40px solid #268d62;top:25%;left:10%;opacity:.2;animation-duration:5s}.triangle-2{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:50px solid #54b27a;top:90%;left:24%;opacity:.2;animation-duration:5s;animation-delay:3s}.square-1{width:50px;height:50px;background-color:#025f53;top:60%;left:90%;opacity:.2;animation-duration:5s;animation-delay:5s}.square-2{width:50px;height:50px;background-color:#ae40b8;top:60%;left:40%;opacity:.2;animation-duration:5s;animation-delay:5s}.footer{background:#0c0c0c;padding:20px;text-align:center;color:#aaa;margin-top:50px;font-size:14px}@keyframes float-shapes{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.social-icons{display:flex;gap:50px;margin-left:100px;margin-top:20px;align-items:center;margin-bottom:50px}.social-icons a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#212121;border:1.5px solid #4a4a4a;border-radius:50%;color:#c7c7c7;text-decoration:none;transition:all .3s ease}.social-icons a:hover{background-color:#313131;border-color:#7a7a7a;transform:translateY(-3px)}.social-icons a i{font-size:24px}.about-container{max-width:1500px;margin:0 auto;padding:60px 120px;background:radial-gradient(at top left,#234245 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#39545575 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative}.about-container h1{font-size:60px;font-weight:700;font-family:"Impact, Haettenschweiler",Arial Narrow Bold,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:50px;background:linear-gradient(90deg,#828282,#adc7b6,#4d4b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.about-container h1:after{content:"";display:block;width:180px;height:4px;background:linear-gradient(to right,#9fcfbc,#fdd83500);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:5px}.about-container>p{font-size:20px;color:#cdced1;text-align:center;margin-bottom:50px}.about-content{display:flex;align-items:flex-start;gap:130px;flex-wrap:wrap}.about-left-section{flex:1;min-width:300px;display:flex;flex-direction:column;gap:60px}.my-story{text-align:left}.my-story h2{font-size:30px;font-weight:600;margin-bottom:25px;color:#fff}.my-story p{font-size:18px;color:#cfd0d5;line-height:1.7;margin-bottom:25px}.about-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0009;position:relative;margin-top:40px}.about-image img{width:100%;height:400px;display:block}.available-badge{position:absolute;bottom:20px;left:20px;background:#11151ce6;color:#00ff6a;font-size:.85rem;padding:8px 16px;border-radius:20px;display:flex;align-items:center;font-weight:500;gap:8px}.available-badge:before{content:"";display:inline-block;width:8px;height:8px;background-color:#00ff6a;border-radius:50%}.what-i-do-section{flex:1;min-width:300px}.what-i-do-section h2{font-size:30px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;color:#fff}.what-i-do-section>p{font-size:18px;color:#c8c8ca;margin-bottom:40px}.skills-grid{display:grid;grid-template-columns:1fr;gap:30px}.skill-card{background-color:#1a1f2c;border:1px solid #2d3544;padding:25px;border-radius:12px;text-align:left;box-shadow:0 4px 15px #0000004d}.skill-card:hover{transform:scale(1.03);animation:bounce .6s ease;box-shadow:0 4px 8px #609c93be}.skill-card .skill-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.skill-card .skill-header i{font-size:2rem;color:#90b2c1a4}.skill-card .skill-header h3{font-size:1.1rem;font-weight:600;font-family:Anton,sans-serif;margin:0;color:#fff}.skill-card>p{font-size:1rem;line-height:1.5;color:#d1d1d1;margin-bottom:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:20px}.tech-stack span{background-color:#2d3544;color:#fff;font-size:.8rem;padding:6px 12px;border-radius:20px;white-space:nowrap}.techstack-container{background:radial-gradient(at top left,#1d2532 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#384d4d75 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative;padding:50px 40px;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center}.title{font-size:60px;font-weight:700;font-family:"Impact, Haettenschweiler",Arial Narrow Bold,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;background:linear-gradient(90deg,#828282,#adc7b6,#4d4b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.title:after{content:"";display:block;width:180px;height:4px;background:linear-gradient(to right,#9fcfbc,#fdd83500);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:5px}.description{text-align:center;font-size:20px;color:#cdced1;max-width:850px;margin-bottom:50px}.tech-sections{display:flex;justify-content:space-between;gap:40px;max-width:1300px;width:100%}.tech-group-left,.tech-group-right{display:flex;flex-direction:column;gap:40px}.tech-category{flex:1;padding:0 20px}.tech-category h2{font-size:28px;font-weight:400;text-transform:uppercase;margin-bottom:50px;text-align:center;color:#d8d7d7}.tech-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.tech-card{background-color:#1a1a1a;padding:15px;border-radius:15px;text-align:center;width:90px;margin-bottom:30px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #0ff3,0 0 5px #00ffff1a;transition:transform .2s ease,box-shadow .2s ease;animation:jump 1.5s ease-in-out infinite}.tech-card:hover{transform:translateY(-18px);box-shadow:0 5px 20px #0ff6,0 2px 10px #0ff3}.tech-card img{width:50px;height:50px;object-fit:contain;margin-bottom:10px}.tech-card p{margin:0;color:#fff;font-weight:500;font-size:.9rem}.tech-card:nth-child(1){animation-delay:0s}.tech-card:nth-child(2){animation-delay:.1s}.tech-card:nth-child(3){animation-delay:.2s}.tech-card:nth-child(4){animation-delay:.3s}.tech-card:nth-child(5){animation-delay:.4s}.tech-card:nth-child(6){animation-delay:.5s}.tech-card:nth-child(7){animation-delay:.6s}.tech-card:nth-child(8){animation-delay:.7s}.tech-card:nth-child(9){animation-delay:.8s}.tech-card:nth-child(10){animation-delay:.9s}.tech-card:nth-child(11){animation-delay:1s}.tech-card:nth-child(12){animation-delay:1.1s}.tech-card:nth-child(13){animation-delay:1.2s}.tech-card:nth-child(14){animation-delay:1.3s}.tech-card:nth-child(15){animation-delay:1.4s}@media (max-width: 1200px){.logo_text h2{font-size:25px;padding-left:0}.nav-links{gap:20px;padding-right:30px}.nav-links li a{font-size:13px;padding:6px 10px}.circle-1{width:18px;height:18px;top:40%;left:73%}.circle-2{width:10px;height:10px;top:75%;right:20%}.circle-3{width:25px;height:25px;bottom:18%;right:50%}.circle-4{width:18px;height:18px;top:60%;left:18%}.circle-5{width:15px;height:15px;top:40%;left:30%}.circle-6{width:14px;height:14px;top:60%;left:80%}.circle-7{width:14px;height:14px;top:80%;left:20%}.triangle-1{border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:35px solid #268d62;top:20%;left:4%;transform:scale(.9)}.triangle-2{border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:40px solid #54b27a;top:78%;left:12%;transform:scale(.9)}.square-1{width:35px;height:35px;top:50%;left:78%}.square-2{width:35px;height:35px;top:62%;left:10%}.app-container{flex-direction:column;align-items:center;margin-top:0;padding:0 20px 40px}.text-section{max-width:90%;text-align:center}.text-section h1{font-size:3.2rem;margin-top:70px}.text-section h3,.text-section p{margin-left:0;text-align:center;margin-bottom:30px}.image-section{margin-top:20px;margin-left:0}.image-section img{max-width:350px;height:auto}.buttons{margin:20px auto;text-align:center}.social-icons{margin:30px auto 40px;justify-content:center;gap:30px}.about-container{padding:50px 60px}.about-content{gap:60px}.about-container h1{font-size:50px}.about-image img{height:350px}.title{font-size:50px}.description{font-size:18px;max-width:700px}.tech-sections{gap:30px}.tech-category h2{font-size:24px;margin-bottom:40px}}@media (max-width: 768px){.desktop-nav{display:none}.hamburger{display:block;margin-right:50px}.close-btn{margin-right:30px}.circle-1{width:14px;height:14px;top:39%;left:75%}.circle-2{width:9px;height:9px;top:72%;right:18%}.circle-3{width:18px;height:18px;bottom:26%;right:40%}.circle-4{width:14px;height:14px;top:55%;left:18%}.circle-5{width:12px;height:12px;top:40%;left:35%}.circle-6{width:12px;height:12px;top:55%;left:80%}.circle-7{width:12px;height:12px;top:70%;left:25%}.triangle-1{border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid #268d62;top:20%;left:5%;transform:scale(.8)}.triangle-2{border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:35px solid #54b27a;top:75%;left:12%;transform:scale(.8)}.square-1{width:30px;height:30px;top:58%;left:80%}.square-2{width:30px;height:30px;top:60%;left:5%}.text-section h1{font-size:2.5rem;margin-top:40px}.text-section h3{font-size:1.4rem}.text-section p{font-size:1rem;padding:0 10px}.image-section img{max-width:250px;margin-top:0}button a{margin:0;padding:12px 28px;font-size:.95rem}.social-icons{gap:20px;margin-bottom:40px}.about-container{padding:40px 30px}.about-container h1{font-size:40px;margin-bottom:30px}.about-container h1:after{width:100px;height:3px}.about-container>p{font-size:18px;margin-bottom:30px}.about-content{flex-direction:column;gap:50px;text-align:center}.my-story,.what-i-do-section{text-align:center;margin:0 auto;max-width:90%}.my-story h2,.what-i-do-section h2{font-size:26px}.my-story p,.what-i-do-section>p{font-size:16px}.about-image img{height:auto;max-height:280px}.skills-grid{grid-template-columns:1fr}.skill-card{padding:20px}.techstack-container{padding:40px 25px}.title{font-size:38px;margin-bottom:25px}.title:after{width:100px;height:3px}.description{font-size:16px;margin-bottom:40px;max-width:90%}.tech-sections{flex-direction:column;align-items:center;gap:50px}.tech-category{padding:0;width:100%}.tech-category h2{font-size:22px;margin-bottom:30px}.tech-grid{gap:20px}.tech-card{width:80px;height:80px;padding:12px}.tech-card img{width:40px;height:40px}.tech-card p{font-size:.8rem}}@media (max-width: 480px){.logo_text h2{font-size:24px;margin-left:30px}.mobile-menu ul li a{font-size:18px}.hamburger{font-size:25px}.mobile-menu ul li a{font-size:13px}.text-section h1{font-size:2rem;margin-top:30px}.circle-1{width:12px;height:12px;top:55%;left:85%}.circle-3{width:18px;height:18px;right:50%;bottom:28%}.circle-4{width:16px;height:16px;left:15%;top:55%}.circle-2{width:8px;height:8px;top:70%;right:20%}.circle-5{width:10px;height:10px;left:25%;top:40%}.circle-6{width:10px;height:10px;left:75%;top:40%}.circle-7{width:10px;height:10px;left:20%;top:68%}.triangle-1,.triangle-2{border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid}.square-2{width:25px;height:25px;left:90%}.square-1{width:25px;height:25px;left:5%}.text-section h3{font-size:1.2rem}.text-section p{font-size:.9rem;line-height:1.5}.image-section img{max-width:200px}button a{padding:10px 20px;font-size:.85rem}.social-icons a{width:42px;height:42px;margin-bottom:20px}.social-icons a i{font-size:20px}.about-container{padding:30px 20px}.about-container h1{font-size:30px}.about-container>p{font-size:16px}.my-story h2,.what-i-do-section h2{font-size:22px}.my-story p,.what-i-do-section>p{font-size:15px;line-height:1.6}.about-image img{max-height:220px}.skill-card .skill-header i{font-size:1.5rem}.skill-card .skill-header h3{font-size:1rem}.skill-card>p{font-size:.9rem}.tech-stack span{font-size:.75rem;padding:5px 10px}.techstack-container{padding:30px 20px}.title{font-size:28px}.description{font-size:15px}.tech-category h2{font-size:20px;margin-bottom:25px}.tech-grid{gap:15px}.tech-card{width:70px;height:70px;padding:10px}.tech-card img{width:35px;height:35px}.tech-card p{font-size:.75rem}}@media (max-width: 360px){.logo_text h2{font-size:20px;margin-left:-5px}.mobile-menu ul li a{font-size:16px}.text-section h1{font-size:1.6rem}.text-section h3{font-size:1rem}.text-section p{font-size:.8rem}.image-section img{max-width:160px}button a{padding:8px 16px;font-size:.75rem}.social-icons{gap:12px;margin-bottom:20px}.shape{opacity:.3}.circle-2,.circle-5,.circle-6,.circle-7,.square-1,.square-2{transform:scale(.5)}.about-container{padding:20px 15px}.about-container h1{font-size:26px}.about-container>p{font-size:14px}.my-story h2,.what-i-do-section h2{font-size:20px}.my-story p,.what-i-do-section>p{font-size:14px}.about-image img{max-height:180px}.skill-card{padding:15px}.tech-stack span{font-size:.7rem;padding:4px 8px}.techstack-container{padding:20px 15px}.title{font-size:24px}.description{font-size:14px}.tech-category h2{font-size:18px;margin-bottom:20px}.tech-card{width:60px;height:60px;padding:8px}.tech-card img{width:28px;height:28px}.tech-card p{font-size:.7rem}}.project-section{padding:40px 80px 130px;background:radial-gradient(at top left,#212e32 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#384d4d75 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative}.project-section h2{font-size:60px;font-weight:700;font-family:"Impact, Haettenschweiler",Arial Narrow Bold,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;background:linear-gradient(90deg,#828282,#adc7b6,#4d4b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.project-section h2:after{content:"";display:block;width:180px;height:4px;background:linear-gradient(to right,#9fcfbc,#fdd83500);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:5px}.project-section p{font-size:22px;color:#a7a4a4;text-align:center;max-width:900px;margin:50px auto 80px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:120px;justify-items:center}.project-card{background:#100f0f;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 10px #a287ff55!important;transition:transform .3s ease;height:100%;width:100%;max-width:360px}.project-card:hover{transform:scale(1.03)!important;animation:bounce .6s ease!important;box-shadow:0 4px 6px 3px #609c93be!important}.project-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:16px}.project-card h4{font-size:22px;text-transform:uppercase;margin-bottom:20px;color:#fff;text-align:left}.project-date{display:flex;align-items:center;margin-bottom:20px;color:#a0a0a0;font-size:16px;font-weight:500;margin-top:10px}.project-date i{margin-right:10px;font-size:18px}.project-date span{font-size:inherit}.project-card p{font-size:17px;color:#c2bdbd;line-height:1.7;flex-grow:1;margin-bottom:40px;margin-top:10px;text-align:justify}.project-tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:29px}.tech-tag{background-color:#1b202a;color:#d4d2d2;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #4a4d59}.project-buttons{display:flex;justify-content:space-between;gap:12px;cursor:pointer!important}.project-buttons i{font-weight:700;font-size:18px;padding-right:10px}.project-buttons a{text-decoration:none;padding:10px 18px;font-weight:700;font-size:17px;border-radius:8px;background:linear-gradient(90deg,#00e1b0,#74cbd5,#00afe4);color:#1a1a1a;flex:1;text-align:center;transition:all .3s ease}.project-buttons a:hover{transform:scale(1.03);animation:bounce .6s ease;box-shadow:0 4px 4px #7be5f6be}.experience-wrapper{padding:40px 20px;background:radial-gradient(at top left,#293641 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#384d4d75 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative;font-family:Segoe UI,sans-serif}.experience-heading{font-size:60px;font-weight:700;font-family:"Impact, Haettenschweiler",Arial Narrow Bold,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;background:linear-gradient(90deg,#828282,#adc7b6,#4d4b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.experience-heading:after{content:"";display:block;width:200px;height:4px;background:linear-gradient(to right,#9fcfbc,#fdd83500);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:5px}.experience-subtext{font-size:22px;color:#a7a4a4;text-align:center;max-width:900px;margin:50px auto 60px}.experience-container{display:flex;justify-content:space-between;align-items:center;background:#100f0f;padding:30px;border-radius:16px;box-shadow:0 0 10px #a287ff55;transition:transform .3s ease;max-width:1100px;margin:0 auto 40px;gap:30px;flex-wrap:wrap}.experience-container:hover{transform:scale(1.03);animation:bounce .6s ease;box-shadow:0 4px 6px 3px #609c93be}.experience-image{flex:1;max-width:35%}.experience-image img{width:100%;border-radius:12px;box-shadow:0 0 10px #8080ff33}.experience-text{flex:1;max-width:60%}.experience-text h4{font-size:28px;font-weight:600;margin-top:10px;margin-bottom:.5rem}.experience-text i{color:#aaa;font-style:italic;margin-bottom:10px;display:block}.experience-text p{margin:10px 0;font-size:16px;line-height:1.6;color:#ddd}.month-pill{display:inline-block;background-color:#181834;color:#c2ecf5;padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:500;margin-top:16px}.certificate-section{background:radial-gradient(at top left,#15303a 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#384d4d75 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative;padding:60px 40px;min-height:100vh;font-family:Segoe UI,sans-serif;text-align:center}.certificate-section h2{font-size:60px;font-weight:700;font-family:"Impact, Haettenschweiler",Arial Narrow Bold,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;background:linear-gradient(90deg,#828282,#adc7b6,#4d4b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.certificate-section h2:after{content:"";display:block;width:200px;height:4px;background:linear-gradient(to right,#9fcfbc,#fdd83500);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:5px}.certificate-section p{font-size:22px;color:#a7a4a4;text-align:center;max-width:900px;margin:50px auto 90px}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px 100px;justify-items:center;margin:0 auto;max-width:1300px}.certificate-card{background:#111;padding:20px;border-radius:12px;box-shadow:0 0 10px #87c3ff55!important;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:370px;width:300px}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 4px 6px 3px #609c93be!important}.certificate-card img{width:200px;height:auto;margin-bottom:15px;object-fit:contain;border-radius:4px}.certificate-card h4{font-size:20px;margin:10px 0 15px;font-weight:600}.certificate-card p{font-size:1rem;color:#e0e0e0;margin:0}.Contact{padding:60px 130px;margin-bottom:0;font-family:Segoe UI,sans-serif;background:radial-gradient(at top left,#15303a 0%,transparent 70%),radial-gradient(at top right,#1e1e1ea3 0%,transparent 70%),radial-gradient(at bottom left,#384d4d75 0%,transparent 80%),linear-gradient(180deg,#070707,#020202);background-blend-mode:lighten,lighten,lighten,normal;color:#fff;overflow-x:hidden;position:relative;justify-content:center}.Contact h1{font-size:60px;font-weight:700;font-family:"Impact, Haettenschweiler",Arial Narrow Bold,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;background:linear-gradient(90deg,#828282,#adc7b6,#4d4b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.Contact h1:after{content:"";display:block;width:200px;height:4px;background:linear-gradient(to right,#9fcfbc,#fdd83500);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:5px}p.subtitle{font-size:22px;color:#a7a4a4;text-align:center;max-width:900px;margin:50px auto 90px}.contact-container{display:flex;gap:40px;margin:0 auto}.left-column,.right-column{flex:1}.contact-form-container,.contact-details-container,.connect-container,.availability-container{background-color:#101217;box-shadow:0 0 7px #87c3ff55;border-radius:15px;padding:40px;margin-bottom:40px}.form-field{flex:1;margin-bottom:20px}.form-field label,.contact-form-container label[for=message]{display:block;font-size:1em;color:#f2f0f0;margin-bottom:8px}.form-field input,.contact-form-container textarea{width:100%;padding:15px;border:none;border-radius:10px;background-color:#242733;margin-top:13px;color:#fff;font-size:1em;box-sizing:border-box}.contact-form-container textarea{height:120px;resize:none;margin-top:13px}.form-field input::placeholder,.contact-form-container textarea::placeholder{color:#888}.contact-form-container textarea::placeholder{font-size:15px}.send-button{width:100%;padding:15px;border:none;border-radius:10px;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;font-size:1.2em;margin-right:20px;cursor:pointer;margin-top:30px;transition:all .3s ease;margin-left:-1px}.send-button i{margin-right:20px;font-size:20px}.send-button:hover{opacity:.9;transform:translateY(-2px)}.contact-details-container{display:flex;flex-direction:column;gap:40px;padding:0;background-color:transparent;box-shadow:none}.contact-info-item{display:flex;align-items:center;gap:20px;background-color:#101217;box-shadow:0 0 7px #87c3ff55;border-radius:15px;padding:20px}.contact-info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;box-shadow:0 4px 8px #0003}.contact-info-icon-wrapper i{font-size:1.8em;color:#fff}.email-icon{background:linear-gradient(135deg,#f43f5e,#ec4899)}.call-icon{background:linear-gradient(135deg,#22c55e,#10b981)}.contact-info-text{display:flex;flex-direction:column}.contact-info-text p{font-weight:700;margin:0 0 8px;color:#b3b3b3}.contact-info-text span a{font-size:1.1em;text-decoration:none;font-weight:700;margin-top:10px;color:#fff}.connect-container h3{font-size:25px;text-transform:uppercase;margin-bottom:30px;display:flex;align-items:center}.connect-container h3 i{color:#b3b3b3;padding-right:15px}.connect-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.connect-buttons a{text-decoration:none}.connect-buttons button{width:100%;padding:15px;border:none;border-radius:10px;color:#fff;font-size:1.1em;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.linkedin{background-color:#0173a8}.linkedin:hover{background-color:#356}.phone{background-color:#1352bf}.phone:hover{background-color:#306c97}.github{background-color:#383838}.github:hover{background-color:#444343}.location{background-color:#145d45}.location:hover{background-color:#2a8266}.availability-container h4{font-size:1.3em;margin-bottom:20px;display:flex;text-transform:uppercase;align-items:center}.availability-container h4 i{color:#25d366;padding-right:15px}.availability-container p{font-size:1em;color:#b3b3b3;margin:0}.footer{background-color:#000;color:#ccc;padding:0;font-family:Arial,sans-serif}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.footer-left{display:flex;flex-direction:column;align-items:flex-start;margin-left:40px}.footer-logo{font-size:28px;font-weight:700;color:#c2c0c0;margin:0}.footer-rights{font-size:16px;color:#aaa;margin:14px 0 20px}.footer-icons a{margin-left:30px;font-size:25px;color:#9f9e9e;transition:color .3s ease;text-decoration:none}.footer-icons{margin-right:50px}.footer-divider{border:none;border-top:1px solid #464646;margin:15px 0}.footer-bottom{text-align:center;font-size:16px;margin:40px 0;color:#aaa}@media (max-width: 1200px){.project-section{padding:40px 60px 100px}.project-section h2{font-size:50px}.project-section p{font-size:20px;max-width:750px;margin:40px auto 60px}.project-grid{grid-template-columns:repeat(2,1fr);column-gap:100px;row-gap:100px}.experience-heading{font-size:50px}.experience-subtext{font-size:20px;max-width:750px;margin:40px auto 50px}.experience-container{padding:25px;gap:25px}.experience-text h4{font-size:24px}.experience-text p{font-size:15px}.certificate-section h2{font-size:50px}.certificate-section p{font-size:20px;max-width:750px;margin:40px auto 70px}.certificate-grid{gap:50px 70px;max-width:1000px}.certificate-card{width:280px;height:360px}.certificate-card h4{font-size:18px}.certificate-card p{margin-top:0}.Contact{padding:50px 80px}.Contact h1{font-size:50px}p.subtitle{font-size:20px;max-width:750px;margin:40px auto 70px}.contact-container{gap:30px}.connect-buttons{gap:20px}.footer-left{margin-left:30px}.footer-icons{margin-right:40px}.footer-logo{font-size:26px}.footer-rights,.footer-bottom{font-size:15px}.footer-icons a{font-size:24px;margin-left:25px}}@media (max-width: 768px){.project-section{padding:30px 30px 80px}.project-section h2{font-size:38px;margin-bottom:30px}.project-section p{font-size:16px;margin:30px auto 50px;max-width:90%}.project-grid{grid-template-columns:1fr;row-gap:60px}.project-card{max-width:400px}.project-card h4{font-size:20px;text-align:left;padding-left:10px}.project-card p{font-size:15px;text-align:left;margin-top:10px;padding-right:25px}.project-date{justify-content:left;padding-left:10px}.tech-tag{margin-top:0}.project-buttons{margin-top:10px}.experience-heading{font-size:38px;margin-bottom:30px}.experience-subtext{font-size:18px;margin:30px auto 40px;max-width:90%}.experience-container{flex-direction:column;text-align:left;padding:25px;max-width:400px}.experience-text i{text-align:left;margin-top:20px;margin-bottom:20px}.experience-image{max-width:80%;margin-bottom:20px}.experience-text{max-width:100%}.experience-text h4{font-size:22px}.experience-text p{font-size:15px;text-align:left}.month-pill{margin-top:12px}.certificate-section{padding:40px 30px}.certificate-section h2{font-size:38px;margin-bottom:30px}.certificate-section p{font-size:16px;margin:30px auto 50px;max-width:90%}.certificate-grid{grid-template-columns:1fr;gap:40px;max-width:500px}.certificate-card{width:100%;max-width:350px;height:auto;padding:20px 15px}.certificate-card img{width:180px}.certificate-card h4{font-size:18px}.certificate-card p{font-size:15px}.Contact{padding:40px 30px}.Contact h1{font-size:38px;margin-bottom:30px}p.subtitle{font-size:16px;margin:30px auto 50px;max-width:90%}.contact-container{flex-direction:column;gap:40px}.contact-form-container,.connect-container,.availability-container{padding:30px}.contact-info-item{padding:15px}.contact-info-text span a{font-size:1em}.connect-buttons{grid-template-columns:1fr;gap:20px}.footer-top{flex-direction:column;align-items:center;text-align:center;margin-top:0}.footer-left{margin-left:0;margin-bottom:20px}.footer-icons{margin-right:0;margin-bottom:10px}.footer-logo{font-size:24px}.footer-rights,.footer-bottom{font-size:14px}.footer-icons a{font-size:22px;margin-left:20px}}@media (max-width: 480px){.project-section{padding:25px 20px 60px}.project-section h2{font-size:28px}.project-section h2:after{width:100px;height:3px}.project-section p{font-size:15px}.project-card{max-width:300px}.project-card img{height:150px}.project-card h4{font-size:18px}.project-card p{font-size:14px;line-height:1.6}.project-buttons a{font-size:14px;padding:8px 12px}.experience-heading{font-size:28px}.experience-heading:after{width:120px;height:3px}.experience-subtext{font-size:15px;margin:20px auto 30px;padding:0 15px}.experience-container{padding:20px;gap:20px;width:310px}.experience-image{max-width:100%}.experience-text h4{font-size:20px}.experience-text p{font-size:14px;line-height:1.5}.month-pill{font-size:.8rem;padding:5px 12px}.certificate-section{padding:30px 20px}.certificate-section h2{font-size:28px}.certificate-section h2:after{width:120px;height:3px}.certificate-section p{font-size:15px;margin:20px auto 40px}.certificate-card{width:100%;max-width:300px;padding:15px}.certificate-card img{width:150px}.certificate-card h4{font-size:16px}.certificate-card p{font-size:14px;line-height:1.5}.Contact{padding:30px 20px}.Contact h1{font-size:28px}.Contact h1:after{width:120px;height:3px}p.subtitle{font-size:15px;margin:20px auto 40px}.contact-form-container,.connect-container,.availability-container{padding:20px}.form-field input,.contact-form-container textarea{padding:12px;font-size:.9em}.send-button{font-size:1em;padding:12px}.send-button i{margin-right:10px;font-size:16px}.contact-info-item{gap:15px;padding:12px}.contact-info-icon-wrapper{width:40px;height:40px}.contact-info-icon-wrapper i{font-size:1.5em}.connect-container h3{font-size:20px;margin-bottom:20px}.connect-buttons button{font-size:.95em;padding:12px}.availability-container h4{font-size:1.1em}.availability-container p{font-size:.9em}.footer-logo{font-size:22px}.footer-rights,.footer-bottom{font-size:13px}.footer-icons a{font-size:20px;margin-left:15px}.footer-divider{margin:10px 0}.footer-bottom{margin:30px 0}}@media (max-width: 360px){.project-section h2{font-size:24px}.project-section p{font-size:14px}.project-card{max-width:250px}.project-card img{height:130px}.project-card h4{font-size:16px}.project-card p{font-size:13px}.project-buttons a{font-size:13px;padding:6px 10px}.experience-heading{font-size:24px}.experience-subtext{font-size:14px}.experience-container{padding:15px;max-width:280px}.experience-text h4{font-size:18px}.experience-text p{font-size:13px}.month-pill{font-size:.75rem;padding:4px 10px}.certificate-section h2{font-size:24px}.certificate-section p{font-size:14px}.certificate-card{max-width:260px;padding:12px}.certificate-card img{width:130px}.certificate-card h4{font-size:15px}.certificate-card p{font-size:13px}.Contact h1{font-size:24px}p.subtitle{font-size:14px}.send-button{font-size:.9em;padding:10px}.contact-info-item{gap:10px;padding:10px}.contact-info-icon-wrapper{width:35px;height:35px}.contact-info-icon-wrapper i{font-size:1.2em}.connect-buttons button{font-size:.9em;padding:10px}.availability-container h4{font-size:1em}.availability-container p{font-size:.85em}.footer-logo{font-size:20px}.footer-rights,.footer-bottom{font-size:12px}.footer-icons a{font-size:18px;margin-left:12px}.footer-bottom{margin:20px 0}}.loading-container{position:relative;height:100vh;width:100vw;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;color:#fff}.loading-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.loading-star{position:absolute;border-radius:50%;background:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.corner{position:absolute;width:40px;height:40px;border:2px solid transparent}.corner.top-left{top:2rem;left:2rem;border-top-color:#a855f7;border-left-color:#a855f7}.corner.top-right{top:2rem;right:2rem;border-top-color:#a855f7;border-right-color:#a855f7}.corner.bottom-left{bottom:2rem;left:2rem;border-bottom-color:#a855f7;border-left-color:#a855f7}.corner.bottom-right{bottom:2rem;right:2rem;border-bottom-color:#a855f7;border-right-color:#a855f7}.loading-content{position:relative;z-index:10;text-align:center}.loading-title{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){.loading-title{font-size:3rem}}.loading-subtitle{margin-top:1.25rem;letter-spacing:.2em;color:#d1d5db}.progress-container{width:16rem;margin:1.5rem auto 0}.progress-bar{height:8px;background:#1f2937;border-radius:9999px;overflow:hidden}.progress-fill{height:8px;background:linear-gradient(to right,#a855f7,#3b82f6)}.progress-text{display:flex;justify-content:space-between;font-size:.875rem;margin-top:.5rem;color:#9ca3af}.loading-dots{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.loading-dots span{width:8px;height:8px;background:#a855f7;border-radius:50%;animation:bounce .6s infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.loading-assets{margin-top:.75rem;font-size:.875rem;color:#9ca3af}
