:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--violet-400:#7dd3fc;--violet-500:#38bdf8;--violet-600:#0ea5e9;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--bg-primary:#0b1120;--bg-secondary:#111827;--bg-card:#111827b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--gradient-primary:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-accent:linear-gradient(135deg, var(--primary-400) 0%, var(--accent-400) 100%);--gradient-glow:linear-gradient(135deg, #3b82f626 0%, #fbbf2414 100%);--font-body:"DM Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Playfair Display", Georgia, serif;--section-padding:80px;--container-max:1240px;--container-padding:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-xl:0 20px 60px #0009;--shadow-glow:0 0 30px #3b82f633;--shadow-glow-accent:0 0 30px #fbbf241f;--graph-empty:#161b22;--graph-q1:#1e4a7a;--graph-q2:#2563a8;--graph-q3:#3b82f6;--graph-q4:#60a5fa;--graph-q1-left:#163962;--graph-q1-right:#122e50;--graph-q2-left:#1d528f;--graph-q2-right:#164376;--graph-q3-left:#2d6fd4;--graph-q3-right:#2260b8;--graph-q4-left:#4b92e8;--graph-q4-right:#3a80d4;--graph-base:#0d1117;--graph-base-border:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:all .3s var(--ease-out);background:#0b1120cc;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#0b1120f2;box-shadow:0 4px 30px #00000080}.nav-container{max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;transition:opacity .2s;display:flex}.nav-logo:hover{opacity:.8}.logo-icon{background:var(--primary-600);color:#fff;width:38px;height:38px;transition:transform .3s var(--ease-spring);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #2563eb4d}.nav-logo:hover .logo-icon{transform:rotate(-10deg)scale(1.05)}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-secondary);transition:all .25s var(--ease-out);border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;position:relative}.nav-link:hover{color:var(--primary-400);background:#3b82f614}.nav-link.active{color:var(--primary-300);font-weight:600}.nav-link.active:after{content:"";background:var(--gradient-accent);border-radius:2px;width:20px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-cta{color:var(--primary-400);border:2px solid var(--primary-500);transition:all .3s var(--ease-out);border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:600}.nav-cta:hover{background:var(--primary-500);color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #3b82f659}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-hamburger span{background:var(--text-primary);width:24px;height:2.5px;transition:all .3s var(--ease-out);border-radius:2px}.hero{background:var(--bg-primary);min-height:100vh;padding-top:72px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0c87f21f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-150px;right:-150px}.hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#fbbf240f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-100px;left:-200px}.hero-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{max-width:var(--container-max);padding:60px var(--container-padding) 40px;z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:calc(100vh - 72px);margin:0 auto;display:grid;position:relative}.hero-content{padding-right:20px}.hero-greeting{color:var(--primary-400);animation:fadeInUp .6s var(--ease-out) both;background:#3b82f614;border:1.5px dashed #3b82f64d;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.greeting-icon{transform-origin:70% 70%;font-size:1.1rem;animation:2.5s infinite wave}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.hero-title{font-family:var(--font-body);color:var(--text-primary);animation:fadeInUp .6s var(--ease-out) .1s both;margin-bottom:10px;font-size:clamp(2.5rem,4.5vw,3.5rem);font-weight:700;line-height:1.15}.hero-name-line{white-space:nowrap;display:inline-block}.highlight-name{font-family:var(--font-body);background:linear-gradient(135deg, #fff 0%, var(--primary-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:800;display:inline-block;position:relative}.highlight-name:after{content:"";background:var(--primary-500);opacity:.15;z-index:-1;width:100%;height:6px;animation:underlineGrow .8s var(--ease-out) .5s both;border-radius:4px;position:absolute;bottom:8px;left:0}@keyframes underlineGrow{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.hero-typed-wrapper{align-items:center;min-height:1.2em;font-size:.55em;font-weight:500;display:inline-flex}.hero-typed-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.typed-cursor{color:var(--accent-400);margin-left:2px;font-weight:300;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-role-badge{color:var(--primary-300);animation:fadeInUp .6s var(--ease-out) .15s both;background:#3b82f614;border:1px solid #3b82f626;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.85rem;font-weight:500;display:inline-flex}.hero-role-badge svg{stroke:var(--primary-300);flex-shrink:0}.hero-description{color:var(--text-secondary);max-width:500px;animation:fadeInUp .6s var(--ease-out) .2s both;margin-bottom:36px;font-size:1.05rem;line-height:1.75}.hero-buttons{animation:fadeInUp .6s var(--ease-out) .3s both;flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--gradient-primary);color:#fff;font-family:var(--font-body);transition:all .3s var(--ease-out);border-radius:50px;align-items:center;gap:12px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2563eb4d}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2563eb73}.btn-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.btn-primary:hover .btn-icon{background:#ffffff4d}.btn-github{color:var(--text-primary);font-family:var(--font-body);transition:all .3s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:50px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-github svg{fill:var(--text-primary);transition:fill .3s}.btn-github:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 20px #ffffff14}.btn-secondary{color:var(--accent-400);font-family:var(--font-body);transition:all .3s var(--ease-out);background:0 0;border:2px solid #fbbf244d;border-radius:50px;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-400);color:var(--bg-primary);background:var(--accent-400);transform:translateY(-2px);box-shadow:0 4px 20px #fbbf244d}.hero-stats{opacity:0;animation:fadeInUp .7s var(--ease-out) .9s forwards;gap:40px;margin-bottom:36px;display:flex}.hero-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-stat .stat-value{color:var(--accent-400);margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1}.hero-stat .stat-number{font-variant-numeric:tabular-nums}.hero-stat .stat-plus{color:var(--accent-400);font-weight:700}.hero-stat .stat-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.hero-image-area{min-height:520px;animation:fadeIn .8s var(--ease-out) .3s both;justify-content:center;align-items:center;display:flex;position:relative}.hero-blob{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-400) 50%, var(--accent-400) 100%);opacity:.1;z-index:0;filter:blur(2px);border-radius:60% 40% 55% 45%/55% 60% 40% 45%;width:420px;height:420px;animation:8s ease-in-out infinite blobMorph;position:absolute}@keyframes blobMorph{0%,to{border-radius:60% 40% 55% 45%/55% 60% 40% 45%;transform:rotate(0)}33%{border-radius:45% 55% 40% 60%/60% 45% 55% 40%;transform:rotate(5deg)}66%{border-radius:55% 45% 60% 40%/40% 55% 45% 60%;transform:rotate(-5deg)}}.hero-image-wrapper{z-index:1;width:420px;height:500px;box-shadow:none;transition:transform .4s var(--ease-out);border:none;border-radius:0;position:relative;overflow:visible}.hero-image-wrapper:hover{transform:scale(1.02)}.hero-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 30px #0006);width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.floating-badge{-webkit-backdrop-filter:blur(16px);color:var(--text-primary);z-index:5;background:#111827bf;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;animation:3s ease-in-out infinite floatBadge;display:flex;position:absolute;box-shadow:0 8px 32px #0006}.badge-dot{background:var(--primary-500);width:8px;height:8px;box-shadow:0 0 8px var(--primary-500);border-radius:50%}.badge-dot-cyber{background:var(--accent-500);box-shadow:0 0 8px var(--accent-500)}.badge-dot-iot{background:var(--primary-300);box-shadow:0 0 8px var(--primary-300)}.badge-ml{border-color:#3b82f626;animation-delay:0s;top:22%;right:-10px}.badge-cyber{border-color:#fbbf241f;animation-delay:1s;bottom:20%;left:2%}.badge-iot{border-color:#3b82f61f;animation-delay:2s;bottom:40%;right:-5%}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rotating-circle{z-index:5;cursor:pointer;width:120px;height:120px;transition:transform .3s var(--ease-out);position:absolute;top:8%;right:5%}.rotating-circle:hover{transform:scale(1.08)}.rotating-circle svg{animation:12s linear infinite rotateCW}.circle-text{fill:var(--primary-300);letter-spacing:3px;text-transform:uppercase;font-size:11px;font-weight:700}.circle-arrow{background:var(--primary-600);color:#fff;width:44px;height:44px;transition:all .3s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0c87f24d}.rotating-circle:hover .circle-arrow{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 30px #2563eb80}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-decor-circle-1{opacity:.5;border:3px solid #3b82f626;border-radius:50%;width:60px;height:60px;animation:4s ease-in-out infinite pulse;position:absolute;bottom:20%;left:5%}.hero-decor-circle-2{background:var(--accent-400);opacity:.05;border-radius:50%;width:18px;height:18px;animation:3s ease-in-out 1s infinite pulse;position:absolute;top:35%;left:48%}.hero-decor-triangle{opacity:.6;z-index:0;border-bottom:17px solid #3b82f626;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;animation:5s ease-in-out infinite floatTriangle;position:absolute;top:25%;right:8%}@keyframes floatTriangle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(180deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.skills-marquee{z-index:10;background:#111827e6;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:18px 0;position:relative;overflow:hidden}.skills-marquee:before{content:"";background:var(--gradient-accent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.marquee-track{width:max-content;display:flex}.marquee-content{gap:0;animation:30s linear infinite marqueeScroll;display:flex}.marquee-item{color:#ffffffb3;white-space:nowrap;letter-spacing:.5px;align-items:center;gap:12px;padding:0 40px;font-size:1.05rem;font-weight:600;display:inline-flex}.marquee-star{color:var(--accent-400);font-size:1.2rem}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;padding-top:40px}.hero-content{flex-direction:column;align-items:center;padding-right:0;display:flex}.hero-description{max-width:520px}.hero-buttons,.hero-stats{justify-content:center}.hero-image-area{min-height:420px}.hero-blob{width:340px;height:340px}.hero-image-wrapper{width:360px;height:440px}.badge-ml{top:-5%;right:-5%}.badge-cyber{bottom:5%;left:-5%}.badge-iot{right:5%}}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transition:all .3s var(--ease-out);opacity:0;visibility:hidden;pointer-events:none;z-index:-1;background:#0b1120f2;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:4px;padding:20px;position:fixed;top:72px;left:0;right:0;transform:translateY(-10px)}.nav-links.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-cta{display:none}.nav-hamburger{display:flex}.nav-hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero-title{font-size:clamp(2rem,6vw,2.8rem)}.hero-image-area{min-height:380px}.hero-image-wrapper{width:300px;height:380px}.hero-blob{width:300px;height:300px}.rotating-circle{width:90px;height:90px;top:5%;right:8%}.rotating-circle svg{width:90px;height:90px}.circle-arrow{width:34px;height:34px}.circle-arrow svg{width:16px;height:16px}.floating-badge{padding:8px 14px;font-size:.78rem}.marquee-item{padding:0 28px;font-size:.9rem}.hero-role-badge{padding:6px 14px;font-size:.75rem}.degree-title,.degree-uni{display:block}.degree-uni{margin-top:2px}.degree-separator{display:none}}@media (width<=480px){.hero-container{padding:24px 16px 20px}.hero-title{font-size:clamp(1.2rem,7.5vw,1.9rem)}.hero-description{font-size:.95rem}.hero-buttons{flex-direction:column;width:100%}.hero-stats{flex-wrap:wrap;justify-content:center;gap:16px}.hero-stat .stat-value{font-size:1.5rem}.btn-primary,.btn-github,.btn-secondary{justify-content:center;width:100%}.hero-image-wrapper{width:240px;height:300px}.hero-blob{width:240px;height:240px}.badge-iot{display:none}}.about{background:var(--bg-secondary);padding:100px 0;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;left:-120px}.about:after{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf240d 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;bottom:-80px;right:-120px}.about-container{max-width:var(--container-max);padding:0 var(--container-padding);grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;margin:0 auto;display:grid}.about-image-area{justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.about-circle-frame{width:380px;height:380px;position:relative}.about-circle-ring{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, linear-gradient(135deg, var(--primary-500), var(--accent-400), var(--primary-400)) border-box;border:4px solid #0000;border-radius:50%;animation:8s linear infinite ringRotate;position:absolute;inset:0}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-circle-img{background:var(--bg-primary);border-radius:50%;position:absolute;inset:8px;overflow:hidden}.about-circle-img img{object-fit:cover;object-position:center top;width:100%;height:100%}.about-skill-tag{-webkit-backdrop-filter:blur(12px);color:var(--text-primary);white-space:nowrap;z-index:5;background:#111827cc;border:1px solid #ffffff14;border-radius:50px;padding:8px 18px;font-size:.8rem;font-weight:600;animation:4s ease-in-out infinite floatTag;position:absolute;box-shadow:0 4px 20px #0000004d}.tag-1{border-color:#3b82f633;animation-delay:0s;top:5%;left:50%;transform:translate(-50%)}.tag-2{border-color:#fbbf2433;animation-delay:.5s;top:22%;right:-8%}.tag-3{border-color:#3b82f626;animation-delay:1s;top:55%;right:-12%}.tag-4{border-color:#fbbf2426;animation-delay:1.5s;bottom:8%;left:50%;transform:translate(-50%)}.tag-5{border-color:#3b82f633;animation-delay:2s;top:55%;left:-10%}.tag-6{border-color:#fbbf2426;animation-delay:2.5s;top:22%;left:-5%}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tag-1,.tag-4{animation-name:floatTagCenter}@keyframes floatTagCenter{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.about-content{text-align:center;flex-direction:column;align-items:center;padding-left:20px;display:flex}.about-label{color:var(--primary-400);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:12px;margin-bottom:16px;font-size:.9rem;font-weight:600;display:inline-flex}.about-label-line{background:var(--primary-500);border-radius:2px;width:28px;height:2px;display:inline-block}.about-heading{font-family:var(--font-body);color:var(--text-primary);margin-bottom:24px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.2}.about-name{font-family:var(--font-display);color:var(--accent-400);font-style:italic}.about-text{color:var(--text-secondary);max-width:540px;margin-bottom:16px;font-size:1rem;line-height:1.8}.about-text-secondary{color:var(--text-muted);max-width:540px;margin-bottom:36px;font-size:.92rem;line-height:1.75}.about-stats{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;justify-content:center;gap:40px;margin-bottom:36px;padding:24px 0;display:flex}.about-stat{flex-direction:column;gap:4px;display:flex}.stat-value{align-items:baseline;display:flex}.stat-number,.stat-plus{color:var(--accent-400);font-size:2.2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:500}.about-cta{justify-content:center;align-items:center;gap:28px;display:flex}.btn-download{background:var(--primary-600);color:#fff;font-family:var(--font-body);transition:all .3s var(--ease-out);border-radius:50px;align-items:center;gap:12px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #2563eb4d}.btn-download:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:0 8px 32px #2563eb73}.btn-download-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.btn-download:hover .btn-download-icon{background:#ffffff4d}.about-signature{font-family:var(--font-display);color:var(--accent-400);opacity:.8;font-size:1.5rem;font-style:italic}@media (width<=1024px){.about-container{text-align:center;grid-template-columns:1fr;gap:40px}.about-content{flex-direction:column;align-items:center;padding-left:0;display:flex}.about-text,.about-text-secondary{max-width:580px}.about-stats,.about-cta{justify-content:center}.about-circle-frame{width:320px;height:320px}}@media (width<=768px){.about{padding:70px 0}.about-circle-frame{width:280px;height:280px}.about-skill-tag{padding:6px 14px;font-size:.72rem}.about-stats{gap:24px}.stat-number,.stat-plus{font-size:1.8rem}.about-signature{font-size:1.2rem}}@media (width<=480px){.about{padding:50px 0}.about-image-area{min-height:360px}.about-circle-frame{width:240px;height:240px}.about-skill-tag{padding:5px 12px;font-size:.68rem}.tag-2,.tag-5{display:none}.about-stats{flex-direction:column;align-items:center;gap:16px}.about-cta{flex-direction:column;gap:16px}.btn-download{justify-content:center;width:100%}}.expertise{background:var(--bg-primary);padding:80px 0 120px;position:relative}.expertise-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.expertise-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.expertise-header .about-heading{margin-bottom:0}.expertise-grid{grid-template-columns:1fr 1.4fr;align-items:stretch;gap:24px;display:grid}.expertise-left{flex-direction:column;gap:24px;display:flex}.services-box,.skills-box,.techstack-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s var(--ease-out);background:#1e293b4d;border:1px solid #ffffff0f;border-radius:20px;padding:28px}.services-box:hover,.skills-box:hover,.techstack-box:hover{border-color:#3b82f626}.panel-title{font-family:var(--font-body);color:var(--primary-300);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:20px;font-size:1rem;font-weight:700}.services-slider{text-align:center;min-height:180px;position:relative}.service-slide{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);pointer-events:none;position:absolute;inset:0;transform:translateY(12px)}.service-slide.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.service-icon{margin-bottom:12px;font-size:2.2rem}.service-name{font-family:var(--font-body);color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:700}.service-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.services-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.services-dot{cursor:pointer;width:8px;height:8px;transition:all .3s var(--ease-out);background:#ffffff26;border:none;border-radius:50%;padding:0}.services-dot.active{background:var(--primary-500);transform:scale(1.3);box-shadow:0 0 8px #3b82f666}.services-dot:hover:not(.active){background:#ffffff59}.skills-box{flex-direction:column;flex:1;display:flex}.skills-slider{flex:1;position:relative}.skills-slide{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);pointer-events:none;flex-direction:column;gap:14px;display:flex;position:absolute;inset:0;transform:translateY(12px)}.skills-slide.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.skills-dots{justify-content:center;gap:8px;margin-top:auto;padding-top:18px;display:flex}.skills-dot{cursor:pointer;width:8px;height:8px;transition:all .3s var(--ease-out);background:#ffffff26;border:none;border-radius:50%;padding:0}.skills-dot.active{background:var(--primary-500);transform:scale(1.3);box-shadow:0 0 8px #3b82f666}.skills-dot:hover:not(.active){background:#ffffff59}.skill-item{transition:all .3s var(--ease-out);background:#11182759;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.skill-item:hover{background:#1e293b80;border-color:#3b82f626;transform:translate(4px)}.skill-icon-img{flex-shrink:0;width:36px;height:36px}.skill-info{flex-direction:column;gap:2px;display:flex}.skill-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.skill-brief{color:var(--text-muted);font-size:.78rem}.techstack-box{flex-direction:column;height:100%;display:flex}.techstack-box .tech-stack-table{flex:1}.text-white{font-family:var(--font-body);font-style:normal;color:var(--text-primary)!important}.tech-stack-table{flex-direction:column;gap:12px;display:flex}.tech-row{transition:all .4s var(--ease-out);opacity:0;animation:fadeInUp .6s var(--ease-out) forwards;background:#11182759;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.tech-row:not(.visible){animation:none}.tech-row.visible{animation:fadeInUp .6s var(--ease-out) forwards}.tech-row:hover{background:#1e293b80;border-color:#3b82f61f}.tech-category{color:var(--primary-300);text-align:center;font-size:.85rem;font-weight:600}.tech-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tech-icon-img{width:38px;height:38px;transition:all .3s var(--ease-spring);cursor:help;filter:drop-shadow(0 4px 6px #0000004d)}.tech-icon-img:hover{filter:drop-shadow(0 10px 15px #3b82f680);transform:scale(1.25)translateY(-6px)}@media (width<=1024px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.expertise-grid{grid-template-columns:1fr}.tech-row{padding:14px}.tech-category{text-align:center}.tech-icon-img{width:34px;height:34px}.skill-icon-img{width:30px;height:30px}}.projects{background:var(--bg-primary);padding:100px 0 120px;position:relative;overflow:hidden}.projects:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.projects-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.projects-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.projects-header .about-heading{margin-bottom:0}.carousel-wrapper{border-radius:24px;padding:8px 0;position:relative;overflow:hidden}.carousel-track{will-change:transform;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex}.project-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(165deg,#1e293b80 0%,#11182799 100%);border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;flex:0 0 calc(33.3333% - 24px);width:calc(33.3333% - 24px);margin:0 12px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f64d,#0000 50%,#fbbf2426);border-radius:20px;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 60px #0006,0 0 40px #3b82f614,inset 0 1px #ffffff0d}.project-number{font-family:var(--font-body);color:#ffffff08;z-index:1;pointer-events:none;font-size:6rem;font-weight:900;line-height:1;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;top:-15px;right:16px}.project-card:hover .project-number{color:#3b82f614;transform:scale(1.05)translate(5px,-5px)}.project-image-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.project-image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000,#111827f2);height:80px;position:absolute;bottom:0;left:0;right:0}.project-image{object-fit:cover;opacity:.65;filter:brightness(.85)saturate(1.1);width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s,opacity .5s}.project-card:hover .project-image{opacity:1;filter:brightness()saturate(1.2);transform:scale(1.1)}.project-category{letter-spacing:.1em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:linear-gradient(135deg,#3b82f6d9,#2563ebd9);border-radius:8px;padding:6px 14px;font-size:.68rem;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #3b82f64d}.project-content{text-align:left;flex-direction:column;flex:1;padding:24px 24px 28px;display:flex}.project-title{font-family:var(--font-body);color:var(--text-primary);margin-bottom:12px;font-size:1.2rem;font-weight:700;line-height:1.35;transition:color .3s}.project-card:hover .project-title{color:var(--primary-300)}.project-desc{color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:.88rem;line-height:1.65}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.project-tag{color:var(--primary-300);letter-spacing:.03em;background:#3b82f614;border:1px solid #3b82f61f;border-radius:20px;padding:5px 14px;font-size:.7rem;font-weight:600;transition:all .3s}.project-card:hover .project-tag{background:#3b82f61f;border-color:#3b82f64d}.project-link{color:var(--primary-400);align-items:center;gap:8px;margin-top:auto;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.project-link:after{content:"";background:var(--accent-400);width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.project-link:hover{color:var(--accent-400);gap:14px}.project-link:hover:after{width:100%}.carousel-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;color:var(--text-primary);cursor:pointer;z-index:10;background:#0b1120cc;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--primary-600);border-color:var(--primary-400);transform:translateY(-50%)scale(1.1);box-shadow:0 0 24px #3b82f659}.carousel-btn-prev{left:16px}.carousel-btn-next{right:16px}.carousel-dots{justify-content:center;gap:12px;margin-top:40px;display:flex}.carousel-dot{cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;width:32px;height:4px;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.carousel-dot.active{background:#3b82f633;width:48px}.carousel-dot.active:after{content:"";background:var(--primary-500);border-radius:4px;width:100%;height:100%;animation:5s linear forwards dotProgress;position:absolute;top:0;left:0}@keyframes dotProgress{0%{width:0%}to{width:100%}}.carousel-dot:hover:not(.active){background:#fff3}@media (width<=1024px){.project-card{flex:0 0 calc(50% - 24px);width:calc(50% - 24px)}}@media (width<=768px){.project-card{flex:0 0 calc(100% - 16px);width:calc(100% - 16px)}.project-content{padding:20px}.project-title{font-size:1.25rem}.carousel-btn{width:40px;height:40px}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.project-image-wrapper{height:180px}}.journey{background:var(--bg-secondary);padding:100px 0 120px;position:relative;overflow:hidden}.journey-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.journey-header{text-align:center;margin-bottom:60px}.journey-header .section-subtitle{color:var(--text-secondary);margin-top:8px;font-size:1rem}.journey-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.timeline-column{flex-direction:column;display:flex}.timeline-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:40px;font-size:1.5rem;font-weight:700;display:flex}.timeline-title svg{color:var(--primary-400)}.timeline-track{padding-left:32px;position:relative}.timeline-track:before{content:"";background:linear-gradient(#3b82f680,#3b82f61a);border-radius:2px;width:2px;height:100%;position:absolute;top:0;left:0}.timeline-item{margin-bottom:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-primary);border:2px solid var(--primary-500);z-index:2;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:24px;left:-37px;box-shadow:0 0 10px #3b82f680}.timeline-item:hover .timeline-dot{background:var(--primary-500);transform:scale(1.2);box-shadow:0 0 16px #3b82f6cc}.timeline-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e293b66 0%,#11182799 100%);border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.timeline-item:hover .timeline-content{border-color:#3b82f633;transform:translateY(-5px);box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0d}.timeline-year{letter-spacing:.05em;color:var(--primary-300);background:#3b82f61a;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.timeline-role{color:var(--text-primary);margin-bottom:6px;font-size:1.15rem;font-weight:700}.timeline-company{color:var(--text-muted);margin-bottom:12px;font-size:.85rem;font-weight:600;display:block}.timeline-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.6}@media (width<=992px){.journey-grid{grid-template-columns:1fr;gap:50px}}@media (width<=768px){.timeline-content{padding:20px}.timeline-track{padding-left:24px}.timeline-dot{width:10px;height:10px;top:26px;left:-29px}}.github-section{background:var(--bg-primary);padding:100px 0 120px;position:relative;overflow:hidden}.github-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60a 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.github-section-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.github-section-header{text-align:center;margin-bottom:50px}.github-section-header .section-subtitle{color:var(--text-secondary);margin-top:8px;font-size:1rem}.gh-profile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s var(--ease-out);background:linear-gradient(145deg,#1e293b80 0%,#11182799 100%);border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;display:flex}.gh-profile-card:hover{border-color:#3b82f633;box-shadow:0 8px 30px #0000004d}.gh-profile-left{align-items:center;display:flex}.gh-profile-link{align-items:center;gap:16px;text-decoration:none;transition:opacity .3s;display:flex}.gh-profile-link:hover{opacity:.85}.gh-avatar{border:2px solid #3b82f64d;border-radius:50%;width:56px;height:56px;transition:border-color .3s}.gh-profile-card:hover .gh-avatar{border-color:var(--primary-400)}.gh-profile-info{flex-direction:column;gap:2px;display:flex}.gh-username{font-family:var(--font-body);color:var(--text-primary);font-size:1rem;font-weight:700}.gh-bio{color:var(--text-secondary);max-width:100%;font-size:.85rem;line-height:1.5}.gh-profile-numbers{gap:32px;display:flex}.gh-number-item{flex-direction:column;align-items:center;gap:2px;display:flex}.gh-number-value{font-family:var(--font-body);color:var(--primary-400);font-size:1.3rem;font-weight:800}.gh-number-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.gh-contributions-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e293b66 0%,#11182799 100%);border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex;overflow:hidden}.gh-card-title{color:var(--text-primary);align-self:flex-start;align-items:center;gap:10px;margin-bottom:24px;font-size:1.1rem;font-weight:700;display:flex}.gh-card-title svg{color:var(--primary-400)}.isometric-container{perspective:2500px;transform-style:preserve-3d;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}@keyframes spin-grid{0%{transform:scale(1.5)rotateX(60deg)rotate(45deg)}to{transform:scale(1.5)rotateX(60deg)rotate(405deg)}}@keyframes cube-grow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.isometric-grid{transform-style:preserve-3d;grid-template-rows:repeat(7,16px);grid-template-columns:repeat(6,16px);grid-auto-flow:column;gap:2px;margin-bottom:1rem;animation:40s linear infinite spin-grid;display:grid}.iso-cube{width:16px;height:16px;transform-style:preserve-3d;cursor:pointer;animation:.6s ease-out backwards cube-grow;position:relative}.iso-cube:hover{z-index:100!important}.iso-cube:hover .iso-top{filter:brightness(1.4) drop-shadow(0 0 6px var(--color-top))}.iso-top{background:var(--color-top);border:1px solid var(--graph-base-border);width:16px;height:16px;transform:translateZ(var(--z-height));border-radius:2px;transition:filter .3s;position:absolute;top:0;left:0}.iso-base{background:var(--graph-base);border:1px solid var(--graph-base-border);border-radius:2px;width:16px;height:16px;position:absolute;top:0;left:0}.iso-front{width:16px;height:var(--z-height);background:var(--color-left);border:1px solid var(--graph-base-border);transform-origin:top;position:absolute;top:0;left:0;transform:rotateX(90deg)}.iso-back{width:16px;height:var(--z-height);background:var(--color-left);border:1px solid var(--graph-base-border);transform-origin:bottom;position:absolute;bottom:0;left:0;transform:rotateX(-90deg)}.iso-side{width:var(--z-height);background:var(--color-right);border:1px solid var(--graph-base-border);transform-origin:0 0;height:16px;position:absolute;top:0;left:0;transform:rotateY(-90deg)}.iso-side-right{width:var(--z-height);background:var(--color-right);border:1px solid var(--graph-base-border);transform-origin:100% 0;height:16px;position:absolute;top:0;right:0;transform:rotateY(90deg)}.contrib-stats{font-family:var(--font-body);color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.contrib-total{color:var(--primary-400);font-size:.9rem;font-weight:700}.contrib-legend{align-items:center;gap:4px;display:flex}.contrib-legend-label{color:var(--text-muted);font-size:.72rem}.contrib-legend-box{border:1px solid var(--graph-base-border);border-radius:2px;width:12px;height:12px}.gh-repos-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-size:1.1rem;font-weight:700;display:flex}.gh-repos-title svg{color:var(--primary-400)}.gh-repos-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.gh-grid-contrib{grid-column:span 2}.gh-repos-loading{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:3rem}.gh-repo-card{transition:all .4s var(--ease-out);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#1e293b66 0%,#11182780 100%);border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;padding:24px;text-decoration:none;display:flex}.gh-repo-card:hover{border-color:#3b82f633;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d,0 0 20px #3b82f614}.gh-repo-header{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.gh-repo-header svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.gh-repo-name{color:var(--primary-300);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.gh-repo-card:hover .gh-repo-name{color:var(--primary-400)}.gh-repo-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.gh-repo-topics{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.gh-repo-topic{color:var(--primary-300);background:#3b82f61a;border-radius:12px;padding:3px 10px;font-size:.68rem;font-weight:600}.gh-repo-topic-more{color:var(--text-muted);background:#ffffff0d}.gh-repo-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.gh-repo-meta{align-items:center;gap:16px;display:flex}.gh-repo-language{color:var(--text-secondary);align-items:center;gap:5px;font-size:.78rem;display:flex}.gh-repo-lang-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.gh-repo-stat{color:var(--text-secondary);align-items:center;gap:4px;font-size:.78rem;display:flex}.gh-repo-stat svg{color:var(--text-muted)}.gh-repo-updated{color:var(--text-muted);font-size:.7rem}.gh-view-all{text-align:center;margin-top:8px}.gh-view-all-btn{color:var(--primary-400);transition:all .3s var(--ease-out);background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.gh-view-all-btn:hover{background:#3b82f61f;border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f626}@media (width<=768px){.gh-profile-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:24px}.gh-profile-numbers{flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.gh-repos-grid{grid-template-columns:1fr}.gh-grid-contrib{grid-column:span 1;overflow-x:auto}.gh-contributions-card{padding:20px}}@media (width>=769px) and (width<=1024px){.gh-repos-grid{grid-template-columns:repeat(2,1fr)}}.contact-section{background:var(--bg-primary);padding:100px 0 120px;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf240d 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-header .about-heading span{color:var(--primary-400)}.contact-header .section-subtitle{color:var(--text-secondary);margin-top:10px;font-size:1.05rem}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-form-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(165deg,#1e293b4d 0%,#11182766 100%);border:1px solid #ffffff0a;border-radius:20px;padding:40px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{color:#fff;background:0 0;border:none;border-bottom:2px solid #ffffff1a;border-radius:0;padding:12px 0;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--primary-400);background:0 0;outline:none;box-shadow:0 10px 15px -10px #3b82f626}.contact-submit-btn{color:var(--primary-400);font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #3b82f666;border-radius:30px;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:16px;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.contact-submit-btn:hover{border-color:var(--primary-400);color:var(--primary-300);background:#3b82f61a;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.contact-socials-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(165deg,#1e293b33 0%,#1118274d 100%);border:1px solid #ffffff08;border-radius:20px;padding:40px}.socials-title{color:var(--text-primary);margin-bottom:16px;font-size:1.6rem;font-weight:700}.socials-desc{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem;line-height:1.6}.socials-list{flex-direction:column;gap:16px;display:flex}.social-card{background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:20px;padding:12px 16px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.social-card:hover{background:#ffffff05;border-color:#ffffff0f;transform:translate(8px)}.social-icon-wrapper{width:44px;height:44px;color:var(--primary-300);background:#3b82f614;border:1px solid #3b82f626;border-radius:12px;justify-content:center;align-items:center;transition:all .4s;display:flex}.social-card:hover .social-icon-wrapper{color:var(--primary-400);background:#3b82f626;box-shadow:0 0 15px #3b82f633}.social-info{flex-direction:column;gap:4px;display:flex}.social-label{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.social-value{color:var(--primary-300);font-size:1.05rem;font-weight:600}.social-card:hover .social-value{color:var(--primary-400)}@media (width<=992px){.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.contact-section{padding:60px 0 80px}.contact-form-box,.contact-socials-box{padding:24px}}.site-footer{background:var(--bg-primary);border-top:1px solid #ffffff0d;padding-top:80px;position:relative;overflow:hidden}.footer-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.footer-top{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.footer-cta-text{font-family:var(--font-body);color:var(--text-primary);font-size:2.2rem;font-weight:700}.footer-cta-text span{color:var(--primary-400)}.footer-cta-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:30px;align-items:center;gap:12px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:1px;margin-bottom:50px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.footer-logo{align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-logo .logo-icon{background:var(--primary-500);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:800;display:flex}.footer-logo .logo-text{font-family:var(--font-body);color:var(--text-primary);font-size:1.5rem;font-weight:700}.footer-bio{color:var(--text-secondary);max-width:90%;margin-bottom:24px;font-size:.95rem;line-height:1.6}.footer-socials-mini{gap:12px;display:flex}.mini-social-link{width:36px;height:36px;color:var(--primary-300);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.mini-social-link:hover{border-color:var(--primary-400);color:var(--primary-400);background:#3b82f626;transform:translateY(-2px)}.footer-col-title{color:var(--primary-400);margin-bottom:24px;font-size:1.1rem;font-weight:600}.footer-links,.footer-contact-info{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.footer-contact-info a,.footer-contact-info span{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:all .2s}.footer-links a:hover,.footer-contact-info a:hover{color:var(--text-primary);padding-left:5px}.footer-newsletter-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.5}.footer-newsletter-form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:4px;transition:all .3s;display:flex}.footer-newsletter-form:focus-within{border-color:var(--primary-400);background:#3b82f60d}.footer-newsletter-form input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px 16px;font-size:.95rem}.footer-newsletter-form button{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.footer-newsletter-form button:hover{background:var(--primary-400)}.footer-bottom{background:#0f172a80;border-top:1px solid #ffffff0d;padding:24px 0}.footer-bottom-container{max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.copyright{color:var(--text-muted);font-size:.85rem}.footer-legal{align-items:center;gap:12px;display:flex}.footer-legal a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color .3s}.footer-legal a:hover{color:var(--text-secondary)}.legal-separator{color:#ffffff1a;font-size:.8rem}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer-cta-text{font-size:1.6rem}.footer-top{text-align:center;flex-direction:column;gap:24px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom-container{text-align:center;flex-direction:column;gap:16px}}@media (hover:none){.project-card:hover,.project-card:hover .project-image-wrapper img{transform:none!important}.service-card:hover,.timeline-content:hover{box-shadow:none!important;transform:none!important}.timeline-item:hover .timeline-dot{background:var(--bg-primary)!important;transform:none!important;box-shadow:0 0 10px #3b82f680!important}.gh-profile-link:hover,.gh-repo-card:hover,.social-card:hover,.btn-primary:hover,.btn-github:hover,.btn-secondary:hover{transform:none!important}}