.nav-wrapper{z-index:10000;justify-content:center;align-items:center;width:100%;padding:0 20px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:20px;left:0}.nav-wrapper.scrolled{top:10px}.navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0f0f0f99;border:1px solid #ffffff1a;border-radius:100px;justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:12px 30px;transition:all .4s;display:flex;box-shadow:0 10px 30px #0006}.nav-wrapper.scrolled .navbar{background:#0a0a0ad9;border-radius:20px;max-width:1300px;padding:10px 40px}.nav-logo{color:#fff;letter-spacing:1px;cursor:pointer;align-items:center;gap:10px;font-family:Hilliamoon,sans-serif;font-size:2.6rem;font-weight:800;display:flex}.logo-accent{color:var(--text-main-color)}.logo-dot{background:var(--text-main-color);width:8px;height:8px;box-shadow:0 0 15px var(--text-main-color);border-radius:50%}.nav-links{gap:35px;display:flex}.nav-link{color:#fff9;text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-link:after{content:"";background:var(--text-main-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-cta{background:var(--text-main-color);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:10px 22px;font-size:.85rem;font-weight:700;transition:all .3s;box-shadow:0 5px 15px #ff4d004d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff4d0080}@media (max-width:768px){.nav-links{display:none}.navbar{max-width:100%;padding:10px 20px}.nav-logo{font-size:2.5rem}}
.temp-hero-wrapper{background-color:#000;height:300vh;position:relative}.temp-hero-container{z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.seo-offscreen{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.circle-viewport{z-index:1;pointer-events:none;position:absolute;top:76%;left:50%;transform:translate(-50%,-50%)}.expanding-circle{transform-origin:50%;background-color:#fff;border-radius:50%;width:70vh;height:70vh}.character-container{z-index:3;justify-content:center;align-items:flex-end;height:90vh;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-text-overlay{text-align:center;z-index:2;width:100%;position:absolute;top:15%;left:50%;transform:translate(-50%)}.role-side-container{z-index:5;text-align:left;flex-direction:column;gap:4rem;max-width:350px;display:flex;position:absolute;top:64%;left:4%;transform:translateY(-50%)}.stat-side-container{z-index:5;text-align:right;position:absolute;top:75%;right:5%;transform:translateY(-50%)}.role-block{flex-direction:column;gap:1.2rem;display:flex}.role-block p{font-size:.8456rem;font-family:var(--font-family-3)}.role-icon{color:var(--text-color);opacity:.8}.role-description-text p{color:#fff9;margin:0;font-size:1rem;line-height:1.6}.role-description-text strong{color:#fff;font-size:2.2rem;font-weight:700;font-family:var(--font-display-2);margin-top:5px;display:block}.typewriter-container{align-items:center;display:inline-flex}.typewriter-text{width:calc(var(--characters)*1ch);animation:typing 2.5s steps(var(--characters)),blink .5s step-end infinite alternate;white-space:nowrap;color:var(--text-main-color);border-right:3px solid #ff4d00;font-family:Courier New,Courier,monospace;font-size:2.2rem;display:block;overflow:hidden}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}@media (max-width:768px){.role-description-text strong{font-size:1.5rem}}.stat-side-container .stat-block{align-items:flex-end}.stat-block{flex-direction:column;gap:1.5rem;display:flex}.get-in-touch-btn{font-family:var(--font-display-2);color:#fff;cursor:pointer;background:0 0;margin-top:1rem;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .3s}.get-in-touch-btn svg{margin-left:6px}.get-in-touch-btn:hover{text-underline-offset:6px;text-decoration:underline}.stat-number{font-size:3rem;font-family:var(--font-display);color:#fff;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;font-size:.9rem;line-height:1.4}.stat-label-large{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:1.5rem;line-height:1.2;font-family:var(--font-display-2);font-weight:700}.hero-badge-alt{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:100px;margin-bottom:.5rem;padding:4px 16px;font-size:.9rem;display:inline-block}.hero-mehul-title{font-family:var(--font-family-3);color:#fff;margin:0;font-size:8rem;line-height:1}.highlight-name{background:linear-gradient(90deg,#00a2ff,#7c3aed,#ec4899,#ff4d00,#00a2ff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:4s linear infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}to{background-position:200%}}@media (max-width:1024px){.hero-mehul-title{font-size:5rem}}@media (max-width:768px){.temp-hero-container{justify-content:flex-start;align-items:flex-start;padding-top:80px}.role-side-container{gap:1.5rem;max-width:90%;top:12%;left:5%;transform:none}.role-block p{font-size:.98rem;line-height:1.4}.role-description-text strong,.typewriter-text{font-size:1.5rem!important}.stat-side-container{top:42%;right:5%;transform:none}.stat-number{font-size:1.8rem}.stat-label{font-size:.7rem}.stat-label-large{font-size:.756rem}.stat-block{gap:.4rem}.get-in-touch-btn{margin-top:.4rem;padding:6px 0;font-size:.75rem}.hero-text-overlay{top:57%}.hero-mehul-title{font-size:3.85rem}.hero-badge-alt{padding:2px 10px;font-size:.7rem}.character-container{width:100%;height:45vh;bottom:0}.static-character{height:100%}.circle-viewport{top:85%;left:50%}.expanding-circle{width:35vh;height:35vh}}.static-character{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:80%}.temp-hero-text{z-index:3;color:#fff;text-align:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.scroll-hint{text-transform:uppercase;letter-spacing:.2em;opacity:.6;font-size:.9rem}.About-section{z-index:20;color:#000;position:relative;background-color:#fff!important}
.about-section{background-color:#fff;justify-content:center;min-height:80vh;padding:0;display:flex}.about-container{color:#1a1a1a;background-color:#fff;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:30px 30px;border:22px solid #1a1a1a;border-radius:100px;width:100%;max-width:100%;padding:80px 10%;box-shadow:0 -20px 40px #0000001a}.skills-header{margin-bottom:40px}.technical-title{font-size:6rem;font-family:var(--font-family-3);color:#000;font-weight:800;line-height:.9}.skills-accent{color:var(--text-main-color)}.skills-tabs{flex-wrap:wrap;gap:15px;margin-bottom:50px;display:flex}.skill-tab-btn{color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-family-3);background:#2d2e3e;border:none;border-radius:100px;padding:10px 24px;transition:all .3s}.skill-tab-btn.active{background:var(--text-main-color)}.skills-icon-grid{flex-wrap:wrap;gap:30px;padding:20px 0;display:flex}.skill-icon-box{cursor:pointer;background:#f5f5f7;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;padding:15px;transition:all .3s;display:flex;position:relative}.skill-icon-box:hover{box-shadow:0 10px 20px #0000000d}.skill-logo{object-fit:contain;width:100%;height:100%}.skill-tooltip{background:var(--text-main-color);color:#fff;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:700;transition:all .3s;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px)}.skill-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--text-main-color)transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.skill-icon-box:hover .skill-tooltip{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:1024px){.technical-title{font-size:4rem}}@media (max-width:768px){.about-container{border-width:10px;border-radius:50px;padding:60px 10px}.technical-title{font-size:3rem}.skill-icon-box{width:70px;height:70px}.skills-tabs{margin-bottom:32px}}
.projects-section{background-color:#fff;justify-content:center;padding:20px 0 10px;display:flex}.projects-container{color:#1a1a1a;width:95%;max-width:1440px;box-shadow:none;background-color:#fff;padding:100px 10%}.projects-header{margin-bottom:40px}.featured-title{font-size:6rem;font-family:var(--font-family-3);color:#000;font-weight:800;line-height:.9}.work-accent{color:var(--text-main-color)}.filter-tabs{gap:15px;margin-bottom:60px;display:flex}.filter-tabs .project-tag{font-family:var(--font-family-2);font-weight:500}.filter-btn{color:#4b5563;cursor:pointer;font-weight:500;font-family:var(--font-family-3);background:#fff;border:1px solid #e5e7eb;border-radius:100px;padding:10px 24px;transition:all .3s}.filter-btn:hover{border-color:var(--text-main-color);color:var(--text-main-color)}.filter-btn.active{color:#fff;background:#18181b;border-color:#18181b}.projects-grid{flex-direction:column;gap:100px;display:flex}.project-card{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.project-image-wrapper{aspect-ratio:16/10;background:linear-gradient(135deg,#abdcff 10%,#0396ff 100%);border-radius:20px;justify-content:center;align-items:center;width:100%;height:auto;padding:20px;display:flex}.project-card:nth-child(2) .project-image-wrapper{background:linear-gradient(135deg,#feb692 10%,#ea5455 100%)}.project-card:nth-child(3) .project-image-wrapper{background:linear-gradient(135deg,#81fbb8 10%,#28c76f 100%)}.project-card:nth-child(4) .project-image-wrapper{background:linear-gradient(135deg,#fdeb71 10%,#f8d800 100%)}.project-card:nth-child(5) .project-image-wrapper{background:linear-gradient(135deg,#ce9ffc 10%,#7367f0 100%)}.project-card:nth-child(6) .project-image-wrapper{background:linear-gradient(135deg,#e2b0ff 10%,#9f44d3 100%)}.project-img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .6s}.project-card:hover .project-image-wrapper{transform:translateY(-5px)}.project-card:hover .project-img{transform:scale(1.01)}.project-info{flex-direction:column;gap:20px;display:flex}.project-name{color:#111;font-size:2.5rem;font-weight:700;font-family:var(--font-family-2);transition:color .3s}.project-card:hover .project-name{color:var(--text-main-color)}.project-desc{color:#6b7280;max-width:90%;font-size:1.1rem;line-height:1.6;font-family:var(--font-family-2)}.project-tags{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.project-tag{color:#4b5563;cursor:default;background:#f3f4f6;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .3s}.project-tag:hover{background:color-mix(in srgb,var(--text-main-color)10%,white);color:var(--text-main-color)}.project-links{gap:25px;margin-top:20px;display:flex}.project-link{color:#111;letter-spacing:1px;align-items:center;gap:8px;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.project-link:hover{color:var(--text-main-color)}.see-more-container{font-family:var(--font-family-3);justify-content:center;margin-top:100px;display:flex}.see-more-btn{color:#fff;cursor:pointer;background:#18181b;border:none;border-radius:12px;padding:16px 40px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.see-more-btn:hover{background:var(--text-main-color);transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}@media (max-width:1024px){.featured-title{font-size:4rem}.project-card{grid-template-columns:1fr;gap:30px}}@media (max-width:768px){.projects-container{width:100%;padding:60px 20px}.featured-title{font-size:2.8rem}}
.experience-section{background:#fff;justify-content:center;padding:100px 0;display:flex}.experience-container{width:95%;max-width:1440px;padding:0 10%}.experience-header{margin-bottom:65px}.experience-title{font-size:5rem;font-family:var(--font-family-3);color:#000;font-weight:800;line-height:.9}.experience-accent{color:var(--text-main-color,#3b82f6)}.timeline{border-left:1px solid #e5e7eb;margin:0 120px;padding-bottom:20px;padding-left:40px;position:relative}.timeline-item{margin-bottom:50px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{z-index:2;background:#fff;border:2px solid #000;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:6px;left:-50px;box-shadow:0 0 0 4px #fff}.timeline-item:hover .timeline-marker{background:var(--text-main-color);border-color:var(--text-main-color)}.timeline-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.company-name{color:#111;letter-spacing:-.5px;font-size:1.8rem;font-weight:600;line-height:1.2;font-family:var(--font-family-3)}.experience-year{font-family:var(--font-display,sans-serif);color:#6b7280;text-align:right;min-width:100px;font-size:.95rem;font-weight:500;font-family:var(--font-family-3)}.role-name{color:#111;font-size:1.2rem;font-weight:600;font-family:var(--font-family-2);margin-bottom:12px}.experience-meta{color:var(--text-main-color);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600;font-family:var(--font-family-2);align-items:center;gap:20px;margin-bottom:12px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.meta-separator{display:none}.experience-desc{color:#4b5563;white-space:pre-line;max-width:85%;font-size:1.05rem;line-height:1.6}.experience-desc ul{margin-top:10px;padding-left:20px;list-style-type:disc}.experience-desc li{margin-bottom:8px}@media (max-width:1024px){.experience-title{font-size:4rem}}@media (max-width:768px){.experience-title{font-size:3rem}.timeline{margin:0;padding-left:30px}.timeline-marker{left:-39px}.timeline-header{flex-direction:column;align-items:flex-start;gap:5px}.experience-year{text-align:left;margin-bottom:5px;font-size:.9rem}.company-name{font-size:1.5rem}.experience-desc{max-width:100%}}
.education-section{background:#fff;justify-content:center;padding:100px 0;display:flex}.education-container{width:95%;max-width:1440px;padding:0 10%}.education-header{margin-bottom:65px}.education-title{font-size:5rem;font-family:var(--font-family-3);color:#000;font-weight:800;line-height:.9}.education-accent{color:var(--text-main-color,#3b82f6)}.timeline{border-left:1px solid #e5e7eb;margin:0 120px;padding-bottom:20px;padding-left:40px;position:relative}.timeline-item{margin-bottom:50px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{z-index:2;background:#fff;border:2px solid #000;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:6px;left:-50px;box-shadow:0 0 0 4px #fff}.timeline-item:hover .timeline-marker{background:var(--text-main-color);border-color:var(--text-main-color)}.timeline-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.institution-name{color:#111;letter-spacing:-.5px;font-size:1.8rem;font-weight:600;line-height:1.2;font-family:var(--font-family-3)}.education-year{font-family:var(--font-display,sans-serif);color:#6b7280;text-align:right;min-width:100px;font-size:.95rem;font-weight:500;font-family:var(--font-family-3)}.degree-name{color:#111;font-size:1.2rem;font-weight:600;font-family:var(--font-family-2);margin-bottom:12px}.education-meta{color:var(--text-main-color);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600;font-family:var(--font-family-2);align-items:center;gap:20px;margin-bottom:12px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.meta-separator{display:none}.education-desc{color:#4b5563;white-space:pre-line;max-width:85%;font-size:1.05rem;line-height:1.6}@media (max-width:1024px){.education-title{font-size:4rem}}@media (max-width:768px){.education-title{font-size:3rem}.timeline{margin:0;padding-left:30px}.timeline-marker{left:-39px}.timeline-header{flex-direction:column;align-items:flex-start;gap:5px}.education-year{text-align:left;margin-bottom:5px;font-size:.9rem}.institution-name{font-size:1.5rem}.education-desc{max-width:100%}}
.contact-section{background-color:#fff;padding:100px 0}.contact-container{width:95%;max-width:1440px;margin:0 auto;padding:0 10%}.contact-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.contact-left{flex-direction:column;display:flex}.contact-title{font-size:6rem;font-family:var(--font-family-3);color:#111;margin-bottom:30px;font-weight:800;line-height:.9}.contact-accent{color:var(--text-main-color,#3b82f6)}.contact-description{color:#4b5563;max-width:450px;font-size:1.05rem;line-height:1.6;font-family:var(--font-family-2);margin-bottom:50px}.contact-info-list{flex-direction:column;gap:30px;display:flex}.contact-info-item{align-items:center;gap:20px;display:flex}.icon-circle{color:#333;background-color:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.contact-info-item:hover .icon-circle{background-color:var(--text-main-color);color:#fff;transform:scale(1.1)}.info-label{color:var(--text-main-color);font-size:.8rem;font-weight:600;font-family:var(--font-family-2);letter-spacing:.5px;margin-bottom:4px}.info-value{color:#111;font-size:1rem;font-weight:600;font-family:var(--font-family-3);text-decoration:none;transition:color .3s;display:inline-block;position:relative}.info-value:after{content:"";background-color:var(--text-main-color);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:-2px;left:0}.info-value:hover{color:#000}.info-value:hover:after{width:100%}.contact-form{flex-direction:column;gap:30px;padding-top:20px;display:flex}.form-group-row{gap:30px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-group label{color:#666;text-transform:uppercase;font-size:.8rem;font-weight:600;font-family:var(--font-family-2);letter-spacing:.5px;margin-bottom:10px}.form-group input,.form-group textarea{resize:vertical;width:100%;font-family:inherit;font-size:.79rem;font-family:var(--font-family-2);border:none;border-bottom:1px solid #ddd;outline:none;padding:10px 0}.form-group input:focus,.form-group textarea:focus{border-bottom:1px solid #111}.form-group input::placeholder,.form-group textarea::placeholder{color:#ccc}.send-btn{color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-family-3);background-color:#111;border:none;border-radius:30px;align-self:flex-start;align-items:center;gap:10px;padding:9px 25px;transition:background-color .3s;display:flex}.send-btn:hover{background-color:var(--text-main-color)}@media (max-width:1024px){.contact-title{font-size:4rem}}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:60px}.contact-title{font-size:3rem}.form-group-row{flex-direction:column;gap:30px}}
.footer-section{font-family:var(--font-family-3);background-color:#fff;padding:100px 0 50px}.footer-container{width:95%;max-width:1440px;margin:0 auto;padding:0 10%}.footer-top{justify-content:space-between;align-items:flex-start;margin-bottom:60px;display:flex}.footer-name{color:#111;font-size:2rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:5px}.footer-role{color:#4b5563;font-size:1.1rem;font-weight:500;font-family:var(--font-family-2)}.footer-socials{gap:15px;display:flex}.social-icon{color:#333;background-color:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{color:#fff;background-color:#111;transform:translateY(-2px)}.footer-divider{background-color:#eee;width:100%;height:1px;margin-bottom:30px}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.copyright{color:#666;font-size:.9rem;font-family:var(--font-family-2)}.back-to-top{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;font-family:inherit;font-size:.85rem;font-weight:700;transition:color .3s}.back-to-top:hover{color:#111}@media (max-width:768px){.footer-top{flex-direction:column;gap:30px}.footer-socials{margin-top:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}}
.preloader-container{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.scramble-text{font-family:var(--font-header,"Sackers Gothic",sans-serif);color:#fff;letter-spacing:1rem;text-transform:uppercase;font-size:5rem;font-weight:400}@media (max-width:768px){.scramble-text{letter-spacing:.5rem;font-size:3rem}}
.scroll-progress-bar{background:var(--text-main-color);transform-origin:0%;z-index:10001;height:5px;position:fixed;top:0;left:0;right:0}