@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..900,0..100;1,9..144,300..900,0..100&family=Manrope:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--font-display: "Fraunces", "Playfair Display", "Times New Roman", serif;--font-body: "Manrope", "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: clamp(.8rem, .72rem + .3vw, 1rem);--text-sm: clamp(.95rem, .88rem + .35vw, 1.2rem);--text-base: clamp(1.125rem, 1.05rem + .4vw, 1.5rem);--text-lg: clamp(1.3rem, 1.2rem + .55vw, 1.75rem);--text-xl: clamp(1.55rem, 1.35rem + .85vw, 2.1rem);--text-2xl: clamp(1.9rem, 1.55rem + 1.2vw, 2.65rem);--text-3xl: clamp(2.4rem, 1.9rem + 1.8vw, 3.5rem);--text-4xl: clamp(3rem, 2.3rem + 2.6vw, 4.75rem);--text-5xl: clamp(3.75rem, 2.75rem + 4vw, 6.75rem);--text-6xl: clamp(4.5rem, 3rem + 6vw, 9rem);--text-7xl: clamp(5.25rem, 3.25rem + 8vw, 11rem);--tracking-hero: -.045em;--tracking-display: -.03em;--tracking-heading: -.015em;--tracking-normal: -.005em;--tracking-wide: .08em;--tracking-widest: .16em;--leading-hero: .95;--leading-display: 1.05;--leading-heading: 1.15;--leading-body: 1.65;--leading-loose: 1.8;--section-gap: clamp(2rem, 4vw, 5rem);--container-padding: clamp(1.5rem, 5vw, 5rem);--container-max: clamp(1200px, 92vw, 2600px);--accent-gradient: linear-gradient(267deg, #da7c25 .36%, #b923e1 100%);--accent-gradient-hover: linear-gradient(267deg, #e88a3a .36%, #c944f0 100%)}body{background:#0a0a0a;background-image:radial-gradient(at 20% 30%,rgba(185,35,225,.05) 0px,transparent 50%),radial-gradient(at 80% 70%,rgba(218,124,37,.05) 0px,transparent 50%);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-body);letter-spacing:var(--tracking-normal);overflow-x:hidden;transition:background .3s ease;text-rendering:optimizeLegibility;font-feature-settings:"ss01","ss02","cv11"}h1,h2,h3,h4,h5,h6,.hero-section h1,.about-title,.skills-title,.work-title,.projects-title,.contact-title h1,.contact-left h1,.footer-left h3,.project-title,.section-title,.work-overlay-title,.project-card-title,.timeline-content h3,.experience-type h1{font-family:var(--font-display);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-variation-settings:"opsz" 96,"SOFT" 30}.hero-section h1,.about-title,.work-title,.projects-title,.contact-title h1{letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);font-weight:500;font-variation-settings:"opsz" 144,"SOFT" 50}.hero-section h1 span,.about-title span,.work-title span,.projects-title span,.contact-title h1 span{font-weight:600;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80}p,li,span,a,button,input,textarea,label{font-family:inherit}.mono,.skill-tag,.project-meta-item,code,kbd,pre,samp{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);font-feature-settings:"zero","ss01"}.eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#fff9}@media (min-width: 769px){body{cursor:none}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gradient-hover)}::selection{background:#b923e159;color:#fff}::-moz-selection{background:#b923e159;color:#fff}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a,button{transition:all .3s cubic-bezier(.4,0,.2,1)}*:focus-visible{outline:2px solid rgba(185,35,225,.6);outline-offset:2px;border-radius:4px}section{scroll-margin-top:100px}.navBar{display:flex;align-items:center;padding:30px 0;position:sticky;top:0;z-index:1000;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 2px 20px #0000001a}.nav-content-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(24px,5vw,80px)}.navBar.scrolled{padding:20px 0;background:#000000f2;box-shadow:0 4px 20px #0000004d}.nav-menue{display:flex;align-items:center;gap:clamp(28px,4vw,60px);list-style:none}.nav-menue li{position:relative;transition:transform .3s ease}.nav-menue li:hover{transform:translateY(-2px)}.nav-menue p{cursor:pointer;font-family:var(--font-body);font-size:clamp(15px,1rem + .3vw,22px);font-weight:500;letter-spacing:var(--tracking-heading);transition:color .3s ease;position:relative}.nav-menue p:hover{color:#b923e1}.nav-connect{padding:clamp(14px,1.2vw,22px) clamp(30px,2.6vw,48px);border-radius:50px;background:var(--accent-gradient);font-family:var(--font-body);font-size:clamp(15px,1rem + .35vw,22px);font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer;color:#fff;border:none;transition:all .3s ease}.nav-resume{padding:clamp(14px,1.2vw,22px) clamp(30px,2.6vw,48px);border-radius:50px;background:transparent;border:2px solid #b923e1;font-family:var(--font-body);font-size:clamp(15px,1rem + .35vw,22px);font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer;color:#fff;transition:all .3s ease;margin-left:clamp(12px,1.5vw,20px)}.download-message{position:fixed;top:100px;right:50px;background:var(--accent-gradient);color:#fff;padding:15px 30px;border-radius:50px;font-family:var(--font-body);font-size:clamp(14px,.95rem + .2vw,18px);font-weight:600;letter-spacing:var(--tracking-heading);z-index:10000}.AnchorLink{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px}.hamburger{display:none}@media (max-width: 768px){.nav-content-wrapper{padding:0 30px}.desktop-only{display:none}.hamburger{display:flex;flex-direction:column;gap:4px;cursor:pointer}.hamburger .bar{width:28px;height:4px;background:#fff;border-radius:5px}.mobile-menu{position:fixed;top:0;left:0;width:65%;height:100vh;background:#000000f2;padding:70px 20px;display:flex;flex-direction:column;gap:30px;z-index:2000}.mobile-item{color:#fff;font-family:var(--font-body);font-size:22px;font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer}.mobile-resume{margin-top:20px;padding:16px 24px;border-radius:50px;border:2px solid #b923e1;background:transparent;color:#fff;font-family:var(--font-body);font-size:18px;font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer}}.hero-section{display:flex;align-items:center;flex-direction:column;gap:clamp(30px,4vw,60px);padding:clamp(60px,10vw,140px) clamp(24px,5vw,80px);min-height:100vh;justify-content:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(185,35,225,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(218,124,37,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-section>*{position:relative;z-index:1}.hero-section .img{position:relative;margin-bottom:20px}.hero-section .img:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);opacity:.3;filter:blur(20px);z-index:-1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.hero-section img{width:clamp(280px,40vw,580px);height:clamp(280px,40vw,580px);border-radius:50%;object-fit:cover;border:4px solid rgba(185,35,225,.3);transition:transform .3s ease;box-shadow:0 20px 60px #b923e14d}.hero-section img:hover{transform:scale(1.02);box-shadow:0 25px 70px #b923e180;border-color:#b923e199}.hero-section h1{font-size:clamp(48px,9.5vw,140px);text-align:center;max-width:1400px;margin:20px 0}.hero-section h1 span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.08em}.cursor-blink{display:inline-block;margin-left:2px;color:#b923e1cc}.hero-connect{display:flex;gap:45px;margin-top:30px;align-items:center}.connect-me{padding:clamp(18px,1.3vw,26px) clamp(40px,3.2vw,64px);border-radius:50px;background:var(--accent-gradient);font-family:var(--font-body);font-size:clamp(18px,1.15rem + .35vw,28px);font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b923e14d;border:none;color:#fff}.connect-me:hover{transform:translateY(-3px);box-shadow:0 8px 25px #b923e180;background:linear-gradient(267deg,#e88a3a .36%,#c944f0)}.resume{padding:clamp(18px,1.3vw,26px) clamp(40px,3.2vw,64px);border-radius:50px;border:2px solid white;font-family:var(--font-body);font-size:clamp(18px,1.15rem + .35vw,28px);font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer;transition:all .3s ease;background:transparent;color:#fff}.resume:hover{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #fff3}@media (max-width: 768px){.hero-section{padding:80px 30px;gap:40px}.hero-section img{width:min(300px,70vw);height:min(300px,70vw)}.hero-connect{flex-direction:column;gap:20px;width:100%}.connect-me,.resume{width:100%;text-align:center}}.About{padding:clamp(50px,8vw,120px) clamp(24px,5vw,80px);display:flex;flex-direction:column;gap:clamp(40px,6vw,100px);align-items:center;max-width:var(--container-max);margin:0 auto;position:relative;width:100%}.about-title{padding:0 30px;font-size:clamp(52px,7vw + 2rem,140px);text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%}.details-wrapper{width:100%;display:flex;justify-content:center}.about-content-wrapper{display:flex;flex-direction:column;gap:60px;align-items:center;width:100%}.about-img-row{display:flex;gap:60px;align-items:center;width:100%;justify-content:center}.About .img{flex-shrink:0}.About img:not(.university-logo):not(.skill-icon){width:400px;height:400px;border-radius:20px;object-fit:cover;object-position:center center;border:3px solid rgba(185,35,225,.3);transition:transform .3s ease;box-shadow:0 10px 40px #b923e133}.About img:not(.university-logo):not(.skill-icon):hover{transform:scale(1.05);box-shadow:0 15px 50px #b923e166;border-color:#b923e199}.about-right{flex:1;display:flex;flex-direction:column;gap:40px}.details{font-size:clamp(19px,1.45rem + .6vw,36px);line-height:1.75;color:#ffffffe0;text-align:center;max-width:min(980px,92vw);width:100%;margin:0 auto;font-weight:400;letter-spacing:-.005em}.details p{margin:0}.skills{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;justify-content:center}.skill-name{display:inline-flex;align-items:center;gap:clamp(8px,.7vw,14px);padding:clamp(11px,.9vw,20px) clamp(22px,2vw,42px);border-radius:30px;background:#b923e11a;border:2px solid rgba(185,35,225,.3);font-family:var(--font-body);font-size:clamp(16px,1.05rem + .4vw,26px);font-weight:500;letter-spacing:var(--tracking-heading);transition:all .3s ease;cursor:default}.skill-name .skill-icon{width:clamp(24px,1.8vw,40px);height:clamp(24px,1.8vw,40px);min-width:0;min-height:0;object-fit:contain;flex-shrink:0;display:block}.skill-name:hover{background:#b923e140;border-color:#b923e1b3;transform:translateY(-3px);box-shadow:0 6px 20px #b923e14d}.experience{width:100%;justify-content:space-around;display:flex;margin-top:40px;padding:40px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.experience-type{text-align:center;transition:transform .3s ease}.experience-type:hover{transform:translateY(-5px)}.experience-type h1{font-size:clamp(48px,5vw + 1rem,88px);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.experience-type p{font-family:var(--font-mono);font-size:clamp(16px,1rem + .5vw,26px);color:#ffffffc7;font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;line-height:1.5}.experience hr{border:none;border-left:1px solid rgba(255,255,255,.2);height:80px;margin:0 40px}.university-logo{width:clamp(70px,6vw,140px);height:clamp(70px,6vw,140px);min-width:70px;min-height:70px;object-fit:cover;object-position:center center;margin:0 auto 10px;border:none!important;box-shadow:none!important;border-radius:50%;background:#ffffff14;padding:0}.university-logo:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}@media (min-width: 2560px){.About{padding:160px 120px;gap:100px}.About img:not(.university-logo):not(.skill-icon){width:560px;height:560px}.details{max-width:1400px}}@media (min-width: 1920px) and (max-width: 2559px){.About{max-width:1800px;padding:140px 100px;gap:90px}.About img:not(.university-logo):not(.skill-icon){width:480px;height:480px}.details{max-width:1200px}}@media (min-width: 1401px) and (max-width: 1919px){.About img:not(.university-logo):not(.skill-icon){width:420px;height:420px}.details{max-width:1000px}}@media (max-width: 1200px){.about-img-row{flex-direction:column;gap:40px}.About img:not(.university-logo):not(.skill-icon){width:100%;max-width:400px}.details{max-width:100%}}@media (max-width: 1024px){.About{padding:80px 50px;gap:60px}}@media (max-width: 900px){.About{padding:70px 40px}}@media (max-width: 768px){.About{padding:60px 30px;gap:50px}.about-img-row{flex-direction:column}.experience{flex-direction:column;gap:30px;padding:20px 0}.experience hr{display:none}.university-logo{width:60px;height:60px;padding:0}}@media (max-width: 480px){.About{padding:50px 20px;gap:40px}.About img:not(.university-logo):not(.skill-icon){width:100%;max-width:280px}.university-logo{width:50px;height:50px;padding:0}}@media (max-width: 360px){.About{padding:40px 14px;gap:30px}.About img:not(.university-logo):not(.skill-icon){max-width:240px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(40px,6vw,80px);padding:clamp(50px,8vw,120px) clamp(24px,5vw,80px);max-width:var(--container-max);margin:0 auto;position:relative;width:100%}.mywork:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,35,225,.5),transparent)}.work-title{padding:0 30px;font-size:clamp(52px,7vw + 2rem,140px);text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;justify-content:center;width:100%}.work-item{width:100%;max-width:419px;height:280px;position:relative;border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.work-item:hover{box-shadow:0 12px 30px #b923e166}.work-container .work-img{width:100%;height:100%;border-radius:15px;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.work-item:hover .work-img{transform:scale(1.1)}.work-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#dc262600,#dc26264d,#dc2626f2);color:#fff;padding:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:0 0 15px 15px;z-index:10;display:flex;align-items:flex-end}.work-item:hover .work-overlay{transform:translateY(0)}.work-overlay-content{padding:25px 20px;display:flex;flex-direction:column;gap:10px}.work-overlay-title{font-size:clamp(22px,1.5rem + .6vw,32px);font-weight:600;margin:0;line-height:1.2;letter-spacing:var(--tracking-heading);color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-overlay-description{font-family:var(--font-body);font-size:clamp(15px,1rem + .25vw,20px);font-weight:400;line-height:1.55;margin:0;color:#fffffff2;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.show-more{border-radius:50px;border:2px solid #ffffff;padding:clamp(18px,1.3vw,26px) clamp(40px,3.2vw,64px);display:flex;align-items:center;gap:15px;font-family:var(--font-body);font-size:clamp(18px,1.15rem + .35vw,28px);font-weight:600;letter-spacing:var(--tracking-heading);margin-top:40px;transition:all .4s ease;cursor:pointer;background:transparent;color:#fff}.show-more:hover{gap:30px;background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #fff3}.show-more p{margin:0}@media (max-width: 768px){.mywork{padding:60px 30px;gap:50px}.work-container{grid-template-columns:1fr;gap:30px}.work-item{max-width:100%}.work-overlay-content{padding:20px 15px}}.contact{gap:clamp(40px,6vw,80px);display:flex;flex-direction:column;padding:clamp(50px,8vw,120px) clamp(24px,5vw,80px);max-width:var(--container-max);margin:0 auto;position:relative;width:100%}.contact:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,35,225,.5),transparent)}.contact-title{position:relative;text-align:center;margin-bottom:60px}.contact-title h1{font-size:clamp(52px,5.5vw + 2.5rem,150px);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-title img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.1;width:200px;height:auto}.contact-section{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(40px,4vw,80px);width:100%}.contact-left{flex:1;max-width:clamp(400px,48%,900px);min-width:0}.contact-left h1{font-size:clamp(34px,3vw + 1.5rem,80px);font-weight:600;letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin-bottom:24px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-left p{font-family:var(--font-body);font-size:clamp(17px,1.1rem + .5vw,28px);line-height:1.75;font-weight:400;color:#ffffffd9;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:25px;margin-top:30px}.contact-detail{display:flex;align-items:center;gap:clamp(12px,1.2vw,28px);padding:clamp(14px,1.2vw,26px) clamp(18px,1.5vw,32px);min-height:clamp(52px,4vw,72px);border-radius:12px;background:#b923e10d;border:1px solid rgba(185,35,225,.2);transition:all .3s ease}.contact-detail:hover{background:#b923e126;border-color:#b923e180;transform:translate(5px);box-shadow:0 4px 15px #b923e133}.contact-icon{font-size:clamp(20px,1.5vw,36px);display:flex;align-items:center;justify-content:center;color:#ffffffe6;flex-shrink:0}.contact-detail p{font-family:var(--font-body);font-size:clamp(16px,1.05rem + .45vw,26px);font-weight:500;letter-spacing:var(--tracking-heading);margin:0;color:#fff}.contact-right{flex:1;max-width:clamp(400px,48%,900px);min-width:0}.contact-coming{font-family:var(--font-mono);font-size:clamp(13px,.85rem + .25vw,18px);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#ffffffa6;margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:clamp(18px,1.5vw,28px)}.contact-form input,.contact-form textarea{padding:clamp(14px,1.2vw,26px) clamp(20px,1.5vw,34px);min-height:clamp(52px,4vw,68px);border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-family:var(--font-body);font-size:clamp(16px,1.05rem + .45vw,26px);font-weight:400;letter-spacing:var(--tracking-normal);transition:all .3s ease;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff80}.contact-form input:focus,.contact-form textarea:focus{border-color:#b923e199;background:#ffffff14;box-shadow:0 0 20px #b923e133;transform:translateY(-2px)}.contact-form textarea{min-height:clamp(120px,12vw,220px);resize:vertical}.contact-form button{padding:clamp(18px,1.3vw,30px) clamp(40px,3.2vw,72px);border-radius:50px;background:var(--accent-gradient);font-family:var(--font-body);font-size:clamp(18px,1.2rem + .5vw,30px);font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer;border:none;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #b923e14d;align-self:flex-start;margin-top:10px}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #b923e180;background:linear-gradient(267deg,#e88a3a .36%,#c944f0)}.contact-form button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.contact-section{flex-direction:column;gap:50px}.contact-left,.contact-right{max-width:100%}}@media (max-width: 768px){.contact{padding:60px 30px;gap:50px}.contact-form button{width:100%}}.footer{padding:clamp(40px,6vw,80px) clamp(24px,5vw,80px);border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0000004d,#000c);margin-top:clamp(50px,8vw,120px);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,35,225,.5),transparent)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;max-width:var(--container-max);margin:0 auto;gap:clamp(30px,4vw,60px);width:100%}.footer-left{flex-shrink:0}.footer-left h3{font-size:clamp(30px,1.5rem + 1.2vw,68px);font-weight:600;letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin-bottom:18px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-left p{font-family:var(--font-body);font-size:clamp(16px,.85rem + .6vw,30px);font-weight:400;line-height:1.65;color:#ffffffb8}.footer-right{display:flex;flex-direction:column;gap:30px;align-items:stretch;flex:1;min-width:0}.footer-links{display:flex;justify-content:space-between;align-items:center;gap:clamp(16px,2vw,48px);width:100%;flex-wrap:wrap}.footer-links a{flex:1 1 0;text-align:center;color:#fff;text-decoration:none;font-family:var(--font-body);font-size:clamp(16px,.9rem + .6vw,34px);font-weight:500;letter-spacing:var(--tracking-heading);transition:all .3s ease;position:relative;white-space:nowrap}.footer-links a:after{content:"";position:absolute;bottom:-6px;left:50%;width:0;height:2px;background:var(--accent-gradient);transition:width .3s ease,left .3s ease}.footer-links a:hover{color:#b923e1}.footer-links a:hover:after{width:60%;left:20%}.footer-bottom{text-align:right;width:100%}.footer-bottom p{font-family:var(--font-mono);font-size:clamp(12px,.7rem + .35vw,20px);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#ffffff73}.footer-content{position:relative;z-index:1}@media (max-width: 768px){.footer{padding:40px 30px}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-right{align-items:center}.footer-bottom{text-align:center}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-logo{position:relative;width:120px;height:120px}.gradient-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);position:relative;overflow:hidden}.gradient-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:rotate 2s linear infinite}.loading-text{font-size:36px;font-weight:700;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-container{width:300px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);border-radius:2px;box-shadow:0 0 10px #b923e180}.loading-percentage{font-size:18px;color:#ffffffb3;font-weight:500}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#da7c25,#b923e1);transform-origin:left;z-index:10000;box-shadow:0 0 10px #b923e180}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.3}.cursor-dot{width:clamp(10px,1vw,16px);height:clamp(10px,1vw,16px);background:linear-gradient(267deg,#da7c25 .36%,#b923e1);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease}.cursor-dot.hover{width:clamp(18px,1.8vw,28px);height:clamp(18px,1.8vw,28px)}.cursor-outline{width:clamp(44px,4vw,80px);height:clamp(44px,4vw,80px);border:2.5px solid rgba(185,35,225,.5);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:border-color .3s ease,width .3s ease,height .3s ease,background .3s ease}.cursor-outline.hover{width:clamp(70px,6.5vw,130px);height:clamp(70px,6.5vw,130px);border-color:#da7c25cc;background:#b923e11a}@media (max-width: 768px){.cursor-dot,.cursor-outline{display:none}}@media (min-width: 1920px){.projects-page{padding:60px 100px 120px}.projects-grid{gap:60px}}.engineering-projects-section{margin-top:80px;padding-top:60px;border-top:1px solid rgba(255,255,255,.1)}.engineering-projects-card{background:#ffffff08;border:2px solid rgba(185,35,225,.3);border-radius:24px;padding:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;cursor:pointer}.engineering-projects-card:hover{border-color:#b923e199;box-shadow:0 20px 60px #b923e133;background:#ffffff0d}.engineering-projects-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px}.engineering-projects-title{font-size:clamp(36px,3vw + 1.5rem,72px);font-weight:600;letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.engineering-projects-description{font-family:var(--font-body);font-size:clamp(17px,1.1rem + .35vw,26px);line-height:1.75;font-weight:400;color:#ffffffd9;margin:0;max-width:900px}.engineering-projects-button{display:flex;align-items:center;gap:12px;padding:clamp(16px,1.3vw,24px) clamp(36px,3vw,56px);border-radius:50px;background:var(--accent-gradient);color:#fff;font-family:var(--font-body);font-size:clamp(17px,1.1rem + .35vw,26px);font-weight:600;letter-spacing:var(--tracking-heading);border:none;cursor:pointer;box-shadow:0 4px 20px #b923e166;transition:all .3s ease;margin-top:10px}.engineering-projects-button:hover{box-shadow:0 8px 30px #b923e199;transform:translateY(-3px)}@media (max-width: 768px){.engineering-projects-section{margin-top:60px;padding-top:40px}.engineering-projects-card{padding:30px 20px}.engineering-projects-button{padding:15px 30px}}.projects-detail{min-height:100vh;padding:clamp(24px,4vw,60px) clamp(24px,5vw,80px) clamp(60px,8vw,120px);max-width:var(--container-max);margin:0 auto;position:relative;width:100%}.project-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:30px}.project-not-found h1{font-size:clamp(42px,4vw + 1.5rem,96px);font-weight:600;letter-spacing:var(--tracking-display);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-not-found button{padding:16px 44px;border-radius:50px;border:2px solid white;color:#fff;font-family:var(--font-body);font-size:clamp(18px,1.15rem + .3vw,24px);font-weight:600;letter-spacing:var(--tracking-heading);cursor:pointer;transition:all .3s ease;background:transparent}.project-not-found button:hover{background:#fff;color:#000;transform:translateY(-3px)}.project-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-bottom:80px;align-items:start}.project-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #b923e14d}.project-hero-image{width:100%;height:auto;object-fit:cover;border-radius:20px;border:3px solid rgba(185,35,225,.3)}.project-hero-content{display:flex;flex-direction:column;gap:30px}.project-title{font-size:clamp(42px,5vw + 1.5rem,100px);font-weight:500;letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.project-description{font-family:var(--font-body);font-size:clamp(17px,1.15rem + .4vw,28px);line-height:1.75;font-weight:400;color:#ffffffe0;margin:0;letter-spacing:var(--tracking-normal)}.quick-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.info-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:15px;background:#b923e11a;border:2px solid rgba(185,35,225,.3);transition:all .3s ease;cursor:default}.info-card:hover{background:#b923e133;border-color:#b923e199;box-shadow:0 8px 25px #b923e133}.info-card svg{color:#b923e1;flex-shrink:0}.info-label{font-family:var(--font-mono);font-size:clamp(11px,.75rem + .2vw,15px);color:#ffffffa6;margin:0 0 6px;font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase}.info-value{font-family:var(--font-body);font-size:clamp(18px,1.2rem + .35vw,26px);color:#fff;margin:0;font-weight:600;letter-spacing:var(--tracking-heading)}.project-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}.link-button{display:flex;align-items:center;gap:10px;padding:clamp(14px,1.1vw,20px) clamp(28px,2.3vw,44px);border-radius:50px;font-family:var(--font-body);font-size:clamp(16px,1.05rem + .35vw,24px);font-weight:600;letter-spacing:var(--tracking-heading);text-decoration:none;transition:all .3s ease;cursor:pointer}.link-button.live{background:linear-gradient(267deg,#da7c25 .36%,#b923e1);color:#fff;box-shadow:0 4px 15px #b923e14d}.link-button.live:hover{box-shadow:0 8px 25px #b923e180;transform:translateY(-3px)}.link-button.github{border:2px solid white;background:transparent;color:#fff}.link-button.github:hover{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #fff3}.link-button.demo{border:2px solid rgba(218,124,37,.6);background:#da7c251a;color:#da7c25}.link-button.demo:hover{background:#da7c2533;border-color:#da7c25;transform:translateY(-3px)}.project-content{display:flex;flex-direction:column;gap:80px;margin-top:60px}.content-section{padding:40px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{display:flex;align-items:center;gap:15px;font-size:clamp(32px,2.8vw + 1rem,64px);font-weight:600;letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0 0 30px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-icon{font-size:32px}.title-icon-svg{color:#b923e1}.story-text{font-family:var(--font-body);font-size:clamp(17px,1.15rem + .35vw,26px);line-height:1.85;font-weight:400;color:#ffffffe0;margin:0;letter-spacing:var(--tracking-normal)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.skill-badge{padding:16px 28px;border-radius:30px;background:#b923e126;border:2px solid rgba(185,35,225,.4);font-family:var(--font-body);font-size:clamp(16px,1.05rem + .3vw,22px);font-weight:600;letter-spacing:var(--tracking-heading);color:#fff;text-align:center;transition:all .3s ease;cursor:default}.skill-badge:hover{background:#b923e140;border-color:#b923e1b3;box-shadow:0 6px 20px #b923e14d}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.tech-card{padding:22px;border-radius:15px;background:#da7c251a;border:2px solid rgba(218,124,37,.3);font-family:var(--font-mono);font-size:clamp(14px,.9rem + .25vw,18px);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#fff;text-align:center;transition:all .3s ease;cursor:default}.tech-card:hover{background:#da7c2533;border-color:#da7c2599;box-shadow:0 6px 20px #da7c254d}.subjects-list{display:flex;flex-direction:column;gap:20px}.subject-item{display:flex;align-items:center;gap:20px;padding:20px;border-radius:15px;background:#ffffff0d;border-left:4px solid #b923e1;transition:all .3s ease;cursor:default}.subject-item:hover{background:#ffffff14;border-left-color:#da7c25}.subject-bullet{width:12px;height:12px;border-radius:50%;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);flex-shrink:0}.subject-item span{font-family:var(--font-body);font-size:clamp(17px,1.1rem + .35vw,24px);color:#ffffffe6;font-weight:500;letter-spacing:var(--tracking-heading)}.timeline-container{position:relative;padding:40px 0}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#da7c25,#b923e1);border-radius:2px}.timeline-items{display:flex;flex-direction:column;gap:40px;position:relative}.timeline-item{display:flex;align-items:center;gap:30px;position:relative;padding-left:20px}.timeline-dot{width:20px;height:20px;border-radius:50%;background:linear-gradient(267deg,#da7c25 .36%,#b923e1);border:4px solid rgba(0,0,0,.8);position:absolute;left:11px;z-index:1;box-shadow:0 0 20px #b923e180}.timeline-content{margin-left:40px;padding:25px;border-radius:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex:1;transition:all .3s ease}.timeline-content:hover{background:#ffffff14;border-color:#b923e166;transform:translate(10px)}.timeline-content h3{font-size:clamp(22px,1.5rem + .5vw,36px);font-weight:600;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:0 0 10px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-content p{font-family:var(--font-body);font-size:clamp(16px,1.05rem + .35vw,24px);line-height:1.7;color:#ffffffd1;margin:0;font-weight:400}@media (min-width: 1920px){.projects-detail{padding:60px 100px 120px}}@media (max-width: 1200px){.project-hero{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.projects-detail{padding:20px 30px 60px}.quick-info-grid{grid-template-columns:1fr;gap:15px;margin-top:20px}.project-links{flex-direction:column}.link-button{width:100%;justify-content:center}.content-section{padding:25px}.skills-grid,.technologies-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;align-items:flex-start}.timeline-content{margin-left:0;margin-top:15px}.timeline-line{left:10px}.timeline-dot{left:1px}}.projects-page{min-height:100vh;padding:clamp(24px,4vw,60px) clamp(24px,5vw,80px) clamp(60px,8vw,120px);max-width:var(--container-max);margin:0 auto;width:100%}.back-button{display:flex;align-items:center;gap:10px;padding:clamp(12px,1.1vw,18px) clamp(22px,2.2vw,40px);border-radius:50px;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fff;font-family:var(--font-mono);font-size:clamp(14px,.85rem + .3vw,18px);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:all .3s ease;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff1a;border-color:#b923e199;transform:translate(-5px)}.projects-container{display:flex;flex-direction:column;gap:60px}.projects-title{padding:0 30px;font-size:clamp(52px,7vw + 2rem,140px);text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:40px;width:100%}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:hover{border-color:#b923e180;box-shadow:0 20px 60px #b923e14d;transform:translateY(-10px)}.project-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden}.project-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-card-image{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card:hover .project-overlay{opacity:1}.view-details-btn{display:flex;align-items:center;gap:10px;padding:clamp(14px,1.1vw,20px) clamp(28px,2.2vw,42px);border-radius:50px;background:var(--accent-gradient);color:#fff;font-family:var(--font-body);font-size:clamp(16px,1.05rem + .35vw,24px);font-weight:600;letter-spacing:var(--tracking-heading);border:none;cursor:pointer;box-shadow:0 4px 15px #b923e166;transition:all .3s ease}.view-details-btn:hover{box-shadow:0 8px 25px #b923e199}.project-card-content{padding:30px;display:flex;flex-direction:column;gap:15px}.project-card-title{font-size:clamp(24px,1.75rem + .6vw,40px);font-weight:600;letter-spacing:var(--tracking-heading);line-height:1.15;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-card-description{font-family:var(--font-body);font-size:clamp(16px,1.05rem + .3vw,22px);line-height:1.7;color:#ffffffd1;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-meta{display:flex;flex-direction:column;gap:8px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.project-meta-item{font-family:var(--font-mono);font-size:clamp(13px,.85rem + .2vw,17px);letter-spacing:var(--tracking-wide);color:#ffffffb3;display:flex;gap:8px}.meta-label{font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:var(--tracking-widest)}.project-card-skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.skill-tag{padding:9px 18px;border-radius:20px;background:#b923e126;border:1px solid rgba(185,35,225,.3);font-family:var(--font-mono);font-size:clamp(12px,.78rem + .15vw,15px);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#ffffffe6;transition:all .3s ease}.skill-tag.more{background:#da7c2526;border-color:#da7c254d}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}}@media (max-width: 768px){.projects-page{padding:20px 30px 60px}.projects-grid{grid-template-columns:1fr;gap:30px}.project-card-content{padding:20px}}@media (max-width: 480px){.projects-grid{gap:20px}.project-card-content{padding:15px}}.top-container{display:flex;flex-direction:column;gap:clamp(1.5rem,2vw,2.5rem);padding:clamp(50px,8vw,120px) clamp(24px,5vw,80px);max-width:var(--container-max);margin:0 auto;position:relative;width:100%}.section-title{font-size:var(--text-4xl);font-weight:600;margin-bottom:1rem}.columns-container{display:flex;flex-direction:row;gap:2rem}.skill-container{flex:1;padding:1.5rem}.skills-title{font-size:var(--text-4xl);font-weight:600;margin-bottom:1.5rem;color:#fff;text-decoration:underline;text-decoration-color:#b923e180;text-underline-offset:.7rem;text-decoration-thickness:3px}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-category{display:flex;flex-direction:column;gap:.75rem}.category-title{font-family:var(--font-mono);font-size:clamp(1.1rem,1rem + .45vw,1.6rem);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#fffffff2;margin:0}.skill-items{display:flex;flex-wrap:wrap;gap:.75rem}.skill-item{display:inline-flex;align-items:center;gap:clamp(.4rem,.5vw,.75rem);padding:clamp(.6rem,.7vw,1rem) clamp(1rem,1.1vw,1.4rem);min-height:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;color:#fff;font-family:var(--font-body);font-size:clamp(1rem,1.05rem + .3vw,1.45rem);font-weight:500;letter-spacing:var(--tracking-heading);transition:all .3s ease}.skill-item:hover{background:#fff3;transform:translateY(-2px)}.skill-icon{width:clamp(40px,3.5vw,56px);height:clamp(40px,3.5vw,56px);min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(14px,1rem,20px);flex-shrink:0}.skill-icon img{width:100%;height:100%;object-fit:contain}.skill-description{color:#ffffffd9;line-height:1.7;margin:0;font-size:clamp(1.05rem,1.05rem + .25vw,1.4rem);font-weight:400}.experience-container{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.experience-title{font-size:var(--text-4xl);font-weight:600;margin-bottom:1rem;color:#fff;text-decoration:underline;text-decoration-color:#da7c2580;text-underline-offset:.7rem;text-decoration-thickness:3px}.experience-item{display:flex;gap:1.5rem;align-items:flex-start}.experience-date{font-family:var(--font-mono);font-size:clamp(1.25rem,1.1rem + .55vw,1.9rem);font-weight:700;letter-spacing:var(--tracking-wide);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:clamp(80px,6vw,120px);padding-top:.5rem}.experience-card{width:100%;position:relative}.title-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.title{font-family:var(--font-display);font-size:clamp(1.4rem,1.35rem + .55vw,2.15rem);font-weight:600;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);color:#fff;margin:0;flex:1}.company-logo{width:clamp(48px,4vw,80px);height:clamp(48px,4vw,80px);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.company-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}.company-name{font-family:var(--font-body);font-size:clamp(1.05rem,1.05rem + .3vw,1.45rem);font-weight:500;color:#ffffffbf;margin-bottom:.5rem;letter-spacing:var(--tracking-heading)}.description{line-height:1.75;color:#ffffffe0;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .4s ease,margin .3s ease;margin:0;font-size:clamp(1.05rem,1.05rem + .25vw,1.4rem);font-weight:400}.moving-border-container:hover .description,.experience-card:hover .description{opacity:1;max-height:320px;margin-top:.75rem}@media (max-width: 768px){.columns-container{flex-direction:column;gap:2rem}.skill-items{justify-content:center}.experience-item{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 480px){.skill-item{padding:.5rem .9rem}}.moving-border-container{position:relative;border-radius:1.75rem;padding:2px;overflow:hidden;background:#04071d}.moving-border{position:absolute;inset:0;border-radius:1.75rem;background:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,white 300deg,white 330deg,transparent 340deg,transparent 360deg);animation:rotate linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moving-border-content{position:relative;background:#04071d;border-radius:1.68rem;padding:1.5rem;z-index:1;height:100%;width:100%}