@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0b0b0f;--bg-secondary: #121218;--bg-tertiary: #1a1a23;--bg-hover: #222230;--text-primary: #f4f1ea;--text-secondary: #c8c2b8;--text-tertiary: #9a948a;--accent-primary: #f2a65a;--accent-secondary: #f04d5d;--accent-tertiary: #c7864d;--border-light: rgba(244, 241, 234, .08);--border-medium: rgba(244, 241, 234, .16);--border-strong: rgba(244, 241, 234, .25);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-family-serif: "Fraunces", serif;--font-family-sans: "Space Grotesk", sans-serif;--font-size-h1: 4.5rem;--font-size-h2: 3.25rem;--font-size-h3: 2.25rem;--font-size-h4: 1.6rem;--font-size-body: 1rem;--font-size-small: .9rem;--font-size-tiny: .8rem;--line-height-tight: 1.05;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .5);--glow-primary: 0 0 30px rgba(242, 166, 90, .3);--glow-secondary: 0 0 20px rgba(240, 77, 93, .2);--radius-lg: 24px;--radius-md: 14px;--radius-sm: 10px}html{scrollbar-width:none;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);font-weight:400;background:radial-gradient(1200px 600px at 20% -10%,rgba(242,166,90,.18),transparent 60%),radial-gradient(900px 700px at 110% 20%,rgba(240,77,93,.2),transparent 55%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 45%,var(--bg-primary) 100%);color:var(--text-primary);overflow-x:hidden;line-height:var(--line-height-normal);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 2px);opacity:.15;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:700;letter-spacing:-.03em;margin:0}h1{font-size:var(--font-size-h1);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-tight)}h4{font-size:var(--font-size-h4);line-height:var(--line-height-tight)}p{margin:0;font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-primary)}.container{max-width:1600px;margin-inline:auto;padding-inline:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.9rem 2rem;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;transition:all .35s ease;font-family:var(--font-family-sans);position:relative;overflow:hidden}.btn-primary{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 10px 30px #f4f1ea26}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px #f4f1ea38}.btn-secondary{background:transparent;color:var(--text-primary);border-color:#f4f1ea40}.btn-secondary:hover{transform:translateY(-3px);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 12px 30px #f2a65a33}::-webkit-scrollbar{display:none}.scroll-bar{--p: 0%;position:fixed;width:6px;height:6px;right:12px;top:0;background:var(--accent-primary);border-radius:50%;z-index:9999}.scroll-bar:before{content:"";position:absolute;bottom:50%;left:50%;transform:translate(-50%);width:6px;height:var(--p);background:linear-gradient(0deg,var(--accent-primary),transparent);border-radius:3px}@media screen and (max-width: 768px){.scroll-bar{display:none}:root{--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem}}@media screen and (max-width: 480px){:root{--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}}.about-me{min-height:100vh;padding:var(--spacing-sm) var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;position:relative;background:transparent}.about-me-header{width:100%;text-align:center}.about-me-header .section-title-wrapper{align-items:center}.about-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-3xl)}.about-me .intro{background:#121218b3;border:1px solid rgba(244,241,234,.12);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--transition-base)}.about-me .intro:hover{border-color:#f4f1ea4d;box-shadow:0 24px 60px #00000059}.about-me .intro p{margin-bottom:1.2rem;color:var(--text-secondary);font-size:1.1rem;line-height:var(--line-height-relaxed)}.about-me .intro p:last-child{margin-bottom:0}.about-me .intro strong{color:var(--accent-primary);font-weight:600}.timeline{padding-left:0;position:relative}.timeline>h1{font-size:var(--font-size-h3);margin-bottom:var(--spacing-xl);color:var(--text-primary);letter-spacing:-.03em}.timeline:before{content:"";position:absolute;left:0;top:50px;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-primary),transparent);opacity:.5}.timeline-list{margin-bottom:var(--spacing-2xl);padding-left:var(--spacing-xl);position:relative}.timeline-list:before{content:"";position:absolute;left:-12px;top:8px;width:20px;height:20px;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:50%;transition:all var(--transition-base)}.timeline-list:hover:before{background:var(--accent-primary);box-shadow:0 0 15px #f2a65a66;transform:scale(1.3)}.timeline-item{position:relative}.timeline-item p{margin:0}.timeline .designation{font-size:var(--font-size-h4);color:var(--text-primary);font-weight:700;margin-bottom:var(--spacing-sm)}.timeline .place{color:var(--accent-primary);font-size:var(--font-size-small);font-weight:600;text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--spacing-md)}.timeline-description{color:var(--text-secondary);font-size:1rem;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.timeline-description ul{list-style:none;padding:0;margin:0}.timeline-description li{margin-bottom:.8rem;padding-left:var(--spacing-md);position:relative;color:var(--text-secondary)}.timeline-description li:before{content:"→";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.github-button{display:inline-block;margin-top:var(--spacing-md)}@media screen and (max-width: 1024px){.about-me{flex-direction:column;padding:var(--spacing-2xl) var(--spacing-lg)}.about-me>div{max-width:100%}.about-me>div:first-child{margin-right:0;margin-bottom:var(--spacing-2xl)}.about-me .title{position:relative;top:0}}@media screen and (max-width: 768px){.about-me{padding:var(--spacing-2xl) var(--spacing-lg)}.about-me .intro{padding:var(--spacing-lg)}.timeline>h1{font-size:var(--font-size-h4)}.timeline-list{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-lg)}}@media screen and (max-width: 480px){.about-me{padding:var(--spacing-xl) var(--spacing-md)}.about-me .intro{padding:var(--spacing-md)}.timeline-list,.timeline-description li{padding-left:var(--spacing-md)}}.contact-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;background:transparent}.contact-header{width:100%;text-align:center;margin-bottom:var(--spacing-2xl)}.contact-header .section-title-wrapper{align-items:center}.contact-content{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--spacing-2xl)}.contact-info{background:#121218b3;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(244,241,234,.12);text-align:left;transition:all var(--transition-base)}.contact-info:hover{border-color:#f4f1ea4d;box-shadow:0 24px 60px #00000059}.contact-info h3{font-size:var(--font-size-h4);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:700;letter-spacing:-.02em}.contact-info p{font-size:1rem;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#f4f1ea0d;border-radius:var(--radius-sm);border:1px solid rgba(244,241,234,.12);transition:all var(--transition-base)}.contact-item:hover{background:#f4f1ea14;border-color:#f4f1ea40;transform:translate(4px)}.contact-label{font-size:var(--font-size-small);color:var(--accent-primary);font-weight:700;text-transform:uppercase;letter-spacing:.2em;min-width:80px}.contact-value{font-size:1rem;color:var(--text-primary);word-break:break-all}.contact-value a{color:var(--accent-primary);transition:color var(--transition-base)}.contact-value a:hover{color:var(--accent-secondary)}.contact-form{width:100%;max-width:none;background:#121218b3;padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid rgba(244,241,234,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--transition-base)}.contact-form:hover{border-color:#f4f1ea4d;box-shadow:0 24px 60px #00000059}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--accent-primary);font-weight:700;font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.2em}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);background:#f4f1ea0a;border:1px solid rgba(244,241,234,.16);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-family:var(--font-family-sans);transition:all var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:#f4f1ea14;box-shadow:0 0 20px #f2a65a33}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group textarea{resize:vertical;min-height:150px;font-family:var(--font-family-sans)}.submit-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:999px;color:var(--bg-primary);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:var(--font-family-sans);margin-top:var(--spacing-lg)}.submit-btn:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn:disabled:before{display:none}.form-status{margin-top:var(--spacing-md);font-size:.95rem;font-weight:500;line-height:1.5}.form-status.success{color:#7be495}.form-status.error{color:#ff9f9f}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px #f2a65a4d}.submit-btn:hover:before{left:100%}.submit-btn:active{transform:translateY(-1px)}@media screen and (max-width: 1024px){.contact-section{flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-lg)}.contact-content{grid-template-columns:1fr}}@media screen and (max-width: 768px){.contact-section{padding:var(--spacing-2xl) var(--spacing-lg)}.contact-info{padding:var(--spacing-lg)}.contact-info h3{font-size:var(--font-size-h4)}.contact-form{padding:var(--spacing-lg)}.form-group input,.form-group textarea{padding:var(--spacing-md);font-size:1rem}.contact-details{gap:var(--spacing-md)}.contact-item{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 480px){.contact-section{padding:var(--spacing-xl) var(--spacing-md)}.contact-info{padding:var(--spacing-md)}.contact-info h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.contact-info p{font-size:.95rem}.contact-form{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.submit-btn{padding:var(--spacing-md);font-size:.95rem}.contact-label{min-width:auto}}.floating-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;text-decoration:none;color:inherit;height:50px;width:160px;z-index:9999;background-color:transparent;outline:none;border:none}.floating-btn div{height:50px;width:160px;border:none;border-radius:13px;background-color:var(--primaryBg);box-shadow:0 -3px 15px 0 var(--primaryHi) inset;color:var(--primaryFg);font-size:1rem;display:flex;justify-content:center;align-items:center;position:relative;transform:translateY(0);transition:all .2s ease;animation:anim 5s linear infinite}.floating-btn span{width:100px;height:60px;background-color:var(--primaryHi);border-radius:100%;filter:blur(20px);position:absolute;bottom:-50%;transition:all .2s ease}.floating-btn:hover>span{bottom:-40%;filter:blur(18px);scale:1.2}.floating-btn:hover>div{transform:translateY(5px)}.floating-btn.first{top:12%;left:15%}.floating-btn.first>div{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset}.floating-btn.first>span{background-color:#0e98dd79}.floating-btn.sec{bottom:20%;right:15%}.floating-btn.sec>button{background-color:var(--accentBg);box-shadow:0 -3px 15px 0 var(--accentHi) inset;color:var(--accentFg)}.floating-btn.sec>span{background-color:var(--accentHi)}.floating-btn.contact{top:12%;right:15%}.floating-btn.contact>div{background-color:#ffb6c114;box-shadow:0 -3px 15px #ffb6c133 inset;color:#ffb6c1d9;font-weight:600}.floating-btn.contact>span{background-color:#ffb6c140}.floating-btn.resume{bottom:20%;left:15%}.floating-btn.resume>div{background-color:#1fc3ff0d;box-shadow:0 -3px 15px #1fc3ff26 inset;color:#1fc3ffcc;font-weight:600}.floating-btn.resume>span{background-color:#1fc3ff33}@media screen and (max-width: 700px){.floating-btn.first,.floating-btn.contact{top:8%;left:10%}.floating-btn.contact{left:auto;right:10%}.floating-btn.sec,.floating-btn.resume{bottom:15%;right:10%}.floating-btn.resume{right:auto;left:10%}}@media screen and (max-width: 300px){.floating-btn.first,.floating-btn.contact{top:5%;left:5%}.floating-btn.contact{left:auto;right:5%}.floating-btn.sec,.floating-btn.resume{bottom:12%;right:5%}.floating-btn.resume{right:auto;left:5%}}.glow-box-parent{position:relative;display:flex;justify-content:center}.glow-box-title{position:absolute;top:0;font-size:.9rem;padding:.2rem .7rem;white-space:nowrap;color:var(--text-reverse);border-radius:50px;background-color:var(--background-reverse);box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:all .2s ease-in-out}.glow-box-parent:hover .glow-box-title{top:-50%;opacity:.9}.glow-box{height:4.2rem;width:4.2rem;border-radius:10px;box-shadow:inset 0 0 1px 0 var(--clr),inset 0 0 8px 0 var(--clr);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition-duration:.3s}.glow-box:before{position:absolute;content:"";bottom:-60%;height:70%;border-radius:100%;width:70%;background-color:var(--clr);filter:blur(10px)}.glow-box:after{position:absolute;content:"";height:40%;width:40%;border-radius:100%;opacity:80%;background-color:var(--clr);filter:blur(7px)}.glow-box:hover{box-shadow:inset 0 0 1px 0 var(--clr),inset 0 0 8px 0 var(--clr),0 0 7px 1px var(--clr)}.glow-link:hover{transform:translateY(-7px)}.glow-box:hover:before{bottom:-47%}.glow-box>svg{width:50%;height:50%}@keyframes glow-box-anim{0%{transform:translateY(100px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width: 700px){.glow-box{height:3.5rem;width:3.5rem}.glow-box-title{font-size:.75rem;padding:.15rem .5rem}}.github-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1rem;background-color:var(--primaryBg);border:1px solid white;border-radius:8px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.github-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(31,195,255,.1),transparent);transition:left .5s ease}.github-btn:hover:before{left:100%}.github-btn:hover{background-color:#1fc3ff1a;border-color:#1fc3ff;color:#1fc3ff;transform:translateY(-2px);box-shadow:0 4px 12px #1fc3ff33}.github-icon{font-size:1.1rem;transition:transform .3s ease}.github-btn:hover .github-icon{transform:scale(1.1)}@media screen and (max-width: 768px){.github-btn{padding:.6rem 1.2rem;font-size:.85rem;gap:.4rem}.github-icon{font-size:1rem}}@media screen and (max-width: 480px){.github-btn{padding:.5rem 1rem;font-size:.8rem;width:100%;justify-content:center;margin-top:.8rem}}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:calc(var(--spacing-2xl) + 2rem) var(--spacing-2xl);overflow:hidden}.hero-bg-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.18;mix-blend-mode:normal}.hero-glow-1{width:55vw;height:55vw;background:radial-gradient(circle,rgba(242,166,90,.45) 0%,transparent 65%);top:-30vh;right:-5vw;animation:float 35s ease-in-out infinite alternate}.hero-glow-2{width:45vw;height:45vw;background:radial-gradient(circle,rgba(240,77,93,.35) 0%,transparent 65%);bottom:-15vh;left:-15vw;animation:float 28s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,80px) scale(1.1)}}.hero-content{position:relative;z-index:10;max-width:1000px;width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.hero-greeting{font-size:3rem;color:var(--text-tertiary);font-family:var(--font-family-sans);font-weight:600;letter-spacing:.32em;text-transform:uppercase;margin-bottom:var(--spacing-sm);animation:fadeInDown 1s cubic-bezier(.16,1,.3,1) both}.hero-name{font-size:clamp(3.2rem,7.5vw,6.5rem);font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-.05em;line-height:1.02;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .1s both}.gradient-text{color:var(--accent-primary)}.hero-title{font-size:clamp(1.1rem,2.8vw,1.8rem);color:var(--accent-secondary);margin-bottom:var(--spacing-md);font-weight:500;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s both}.hero-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl);max-width:720px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .3s both}.hero-ctas{display:flex;gap:var(--spacing-md);justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.hero-socials{display:flex;gap:var(--spacing-md);justify-content:flex-start;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s both}.social-link{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,241,234,.18);border-radius:12px;background:#f4f1ea0a;color:var(--text-secondary);transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.social-link:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 26px #f2a65a59}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-15px) translate(-50%)}60%{transform:translateY(-7px) translate(-50%)}}@media (max-width: 768px){.hero-ctas{flex-direction:column;width:100%}.btn{width:100%}.hero-name{font-size:3rem}.hero-content{align-items:center;text-align:center}.hero-ctas,.hero-socials{justify-content:center}}@media screen and (max-width: 480px){.hero-socials{gap:var(--spacing-sm)}.social-link{width:48px;height:48px}}.circle{height:24px;width:24px;border-radius:100%;background-color:#fff;position:fixed;top:0;left:0;pointer-events:none;z-index:99999999;transform-origin:center center;transition:width .2s}.circle-hidden{display:none}.circle-thin{height:20px;width:2px}@media screen and (max-width: 750px){.circle{display:none}}.tech-stack{padding:var(--spacing-2xl) var(--spacing-lg);min-height:auto;position:relative}.tech-stack-header{text-align:center;margin-bottom:var(--spacing-2xs)}.tech-stack-header .section-title-wrapper{align-items:center}.tech-stack-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.tech-stack-card{background:#121218bf;border:1px solid rgba(244,241,234,.12);border-radius:var(--radius-lg);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-base)}.tech-stack-card:hover{border-color:#f4f1ea4d;box-shadow:0 28px 60px #00000059;transform:translateY(-6px)}.tech-stack-card-title{font-family:var(--font-family-serif);font-size:1.5rem;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.tech-stack-card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.tech-stack-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-stack-tag{padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(244,241,234,.18);color:var(--text-secondary);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition-base)}.tech-stack-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#f2a65a29}@media screen and (max-width: 768px){.tech-stack{padding:var(--spacing-2xl) var(--spacing-lg)}.tech-stack-card{padding:var(--spacing-lg)}}@media screen and (max-width: 480px){.tech-stack{padding:var(--spacing-xl) var(--spacing-md)}}.hover-text{display:inline-block;position:relative;overflow:hidden}.hover-text span{display:inline-block;transition:transform .2s;position:relative;transition-delay:var(--delay)}.hover-text span:after{content:attr(data-char);position:absolute;left:0;bottom:-100%;transform:translateY(100%);transition:transform .3s;transition-delay:var(--delay)}.hover-text:hover span{transform:translateY(-100%)}.hover-text:hover span:after{transform:translateY(0)}.section-title-wrapper{position:relative;margin-bottom:var(--spacing-3xl);display:inline-flex;flex-direction:column;align-items:flex-start}.section-title{font-family:var(--font-family-serif);font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0;color:var(--text-primary);text-transform:none}.title-primary{color:var(--text-primary)}.title-secondary{color:var(--accent-primary)}.title-underline{margin-top:var(--spacing-sm);height:2px;width:120px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px;box-shadow:0 0 12px #f2a65a4d}@media screen and (max-width: 768px){.section-title-wrapper{margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.title-underline{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);width:140px}}.projects-section{padding:var(--spacing-xl) var(--spacing-2xl);position:relative}.projects-wrapper{max-width:1400px;margin:0 auto}.projects-header-section{margin-bottom:var(--spacing-2xl);text-align:center}.projects-header-section .section-title-wrapper{align-items:center}.projects-showcase{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl)}.project-showcase-card{background:#121218b3;border:1px solid rgba(244,241,234,.12);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-slow);display:grid;grid-template-columns:1.1fr .9fr;min-height:420px;gap:0;position:relative}.project-showcase-card:nth-child(2n){direction:rtl}.project-showcase-card:nth-child(2n)>*{direction:ltr}.project-showcase-card:hover{border-color:#f4f1ea4d;box-shadow:0 30px 70px #00000073;transform:translateY(-8px)}.project-image-container{background:linear-gradient(135deg,#121218b3,#121218b3);padding:var(--spacing-lg);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.project-image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(242,166,90,.18),transparent);opacity:0;transition:opacity var(--transition-slow)}.project-showcase-card:hover .project-image-container:before{opacity:1}.project-image{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:calc(var(--radius-md) - 2px);border:1px solid rgba(244,241,234,.14);box-shadow:0 18px 40px #00000040;transition:transform var(--transition-slow)}.project-showcase-card:hover .project-image{transform:scale(1.08)}.project-showcase-content{padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:space-between;background:transparent}.project-showcase-title{font-size:clamp(2rem,3vw,2.6rem);color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.03em}.project-subtitle{font-size:.9rem;color:var(--accent-primary);font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.25em}.project-long-desc{font-size:1rem;color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);flex-grow:1}.project-tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tech-tag{background:#f4f1ea14;border:1px solid rgba(244,241,234,.18);color:var(--text-secondary);padding:.5rem 1rem;border-radius:999px;font-size:var(--font-size-tiny);font-weight:500;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.15em}.tech-tag:hover{background:#f2a65a29;border-color:var(--accent-primary);transform:translateY(-2px)}.project-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media screen and (max-width: 1024px){.project-showcase-card{grid-template-columns:1fr;min-height:auto}.project-showcase-card:nth-child(2n){direction:ltr}.project-image-container{min-height:300px}.project-showcase-content{padding:var(--spacing-lg)}.project-showcase-title{font-size:var(--font-size-h3)}}@media screen and (max-width: 768px){.projects-section{padding:var(--spacing-2xl) var(--spacing-lg)}.projects-showcase{gap:var(--spacing-2xl)}.project-image-container{min-height:250px}.project-showcase-content{padding:var(--spacing-lg)}.project-showcase-title{font-size:1.5rem}.project-long-desc{font-size:.95rem;margin-bottom:var(--spacing-md)}.project-actions{flex-direction:column}.btn{width:100%}}@media screen and (max-width: 480px){.projects-section{padding:var(--spacing-xl) var(--spacing-md)}.project-showcase-content{padding:var(--spacing-md)}.project-showcase-title{font-size:1.3rem}.project-long-desc{font-size:.9rem}}