@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--orange:#d97838;--orange-light:#e8995f;--peach:#f0a46b;--cream:#fef6ee;--cream-dark:#f5dcc8;--white:#fff;--dark:#1a1a1a;--gray-600:#555;--gray-400:#888;--gray-200:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:DM Sans,-apple-system,sans-serif;line-height:1.6}.hero{background:linear-gradient(145deg,#ffecd2 0%,#fcb69f 50%,#ff8c42 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 60%);position:absolute;inset:0}.hero:after{display:none}@keyframes ambientPulse{0%,to{opacity:.6}50%{opacity:1}}.card{background:#fff;border:4px solid #2a2a2a;border-radius:16px;width:95%;max-width:1200px;height:80vh;min-height:600px;max-height:720px;animation:4s ease-in-out infinite cardGlow;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000004d,0 12px 40px #00000026,0 0 0 1px #ffffff1a,inset 0 2px #ffffffe6,inset 0 0 0 1px #0000000d}@keyframes cardGlow{0%,to{box-shadow:0 30px 90px #0000004d,0 12px 40px #00000026,0 0 0 1px #ffffff1a,inset 0 2px #ffffffe6,inset 0 0 0 1px #0000000d}50%{box-shadow:0 35px 100px #00000059,0 15px 45px #0003,0 0 20px #ff8c4226,0 0 0 1px #ffffff26,inset 0 2px #ffffffe6,inset 0 0 0 1px #0000000d}}.card:before,.card:after{display:none}.card-orange{background:linear-gradient(145deg,#ff8c42 0%,#ff7828 50%,#e8651c 100%);border-radius:0 12px 12px 0;width:48%;height:100%;position:absolute;top:0;right:0}.card-cream{z-index:1;background:linear-gradient(145deg,#ffecd2 0%,#fcb69f 100%);border:2px solid #ff8c424d;border-radius:50%;width:120px;height:120px;animation:6s ease-in-out infinite float;position:absolute;top:18%;right:8%;box-shadow:0 20px 40px #ff782840,inset 0 1px #ffffffe6}.card-cream:before{content:"";z-index:-1;background:linear-gradient(45deg,#fff3 0%,#0000 50%,#ffffff1a 100%);border-radius:50%;position:absolute;inset:3px}.card-cream:after{content:"";filter:blur(2px);background:radial-gradient(circle,#fff9 0%,#0000 70%);border-radius:50%;width:20%;height:20%;position:absolute;top:20%;left:20%}@keyframes float{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-15px)scale(1.05)}}.deco-shape{z-index:0;opacity:.8;background:linear-gradient(135deg,#fff9,#ffffff4d);border:1px solid #ffffffb3;position:absolute;box-shadow:0 8px 20px #0000000f,inset 0 1px #fffc}.deco-shape-1{background:linear-gradient(135deg,#ff8c424d 0%,#ff782840 100%);border-radius:50%;width:60px;height:60px;animation:8s ease-in-out 1s infinite float;top:65%;right:18%}.deco-shape-2{background:linear-gradient(135deg,#3498db4d 0%,#2980b940 100%);border-radius:50%;width:45px;height:45px;animation:9s ease-in-out 2s infinite float;bottom:30%;left:15%}.deco-shape-3{background:linear-gradient(135deg,#9b59b640 0%,#8e44ad33 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:80px;height:80px;animation:12s ease-in-out infinite floatRotate;top:28%;left:18%}@keyframes floatRotate{0%,to{filter:hue-rotate();transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-10px)rotate(45deg)scale(1.02)}50%{filter:hue-rotate(90deg);transform:translateY(-20px)rotate(180deg)scale(1.05)}75%{transform:translateY(-10px)rotate(270deg)scale(1.02)}}.nav{z-index:50;-webkit-backdrop-filter:blur(25px)saturate(150%);background:linear-gradient(135deg,#fffffff2 0%,#ffecd2e6 30%,#fcb69fd9 70%,#ffffffe6 100%);border-bottom:1px solid #ff8c4233;justify-content:space-between;align-items:center;padding:2rem 3.5rem;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 32px #00000014,0 4px 16px #ff8c421a,inset 0 1px #ffffffe6}.nav-brand{color:var(--dark);letter-spacing:-.5px;font-size:1.6rem;font-weight:700}.nav-brand span{color:var(--orange)}.nav-links{align-items:center;gap:2.8rem;display:flex}.nav-links a{color:var(--dark);letter-spacing:.3px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-links a:after{content:"";background:var(--orange);width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--orange);transform:translateY(-1px)}.nav-cta{-webkit-backdrop-filter:blur(10px);border-radius:50px;padding:.8rem 1.8rem;color:var(--orange)!important;background:#fffffff2!important;border:1.5px solid #ff8c4240!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 6px 20px #00000014!important}.nav-cta:after{display:none}.nav-cta:hover{background:var(--white)!important;border-color:#ff8c4266!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #0000001f!important}.hero-content{z-index:10;max-width:450px;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.hero-tag{-webkit-backdrop-filter:blur(10px);color:#16a34a;letter-spacing:.4px;background:#22c55e1f;border:1px solid #22c55e40;border-radius:50px;align-items:center;gap:.7rem;margin-bottom:1.5rem;padding:.55rem 1.1rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #22c55e1a}.tag-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.hello{color:#888;font-family:Playfair Display,serif;font-size:2.7rem;font-style:italic;font-weight:400;line-height:1}.intro{color:#777;margin-top:.25rem;font-family:Playfair Display,serif;font-size:2.5rem;font-style:italic;font-weight:400;line-height:1.2}.name{color:var(--dark);letter-spacing:-.6px;margin:.5rem 0 .3rem;font-size:2.9rem;font-weight:700;line-height:1.1}.name span{color:var(--orange)}.role{color:var(--gray-600);letter-spacing:.3px;margin-bottom:2rem;font-size:1.18rem;line-height:1.5}.role strong{color:var(--dark);font-weight:700}.cta-row{flex-wrap:wrap;gap:.7rem;display:flex}.btn-primary{color:var(--white);letter-spacing:.3px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 50%,#2c3e50 100%);border-radius:50px;align-items:center;gap:.45rem;padding:.72rem 1.18rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #2c3e5040,0 4px 15px #0000001a}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary svg{width:13px;height:13px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(135deg,#34495e 0%,#2c3e50 50%,#1a252f 100%);transform:translateY(-4px);box-shadow:0 15px 40px #2c3e504d,0 8px 25px #00000026}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--dark);letter-spacing:.3px;background:linear-gradient(135deg,#ffffffe6 0%,#ff8c4226 50%,#fffc 100%);border:1.5px solid #ff8c424d;border-radius:50px;align-items:center;padding:.72rem 1.18rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-secondary:before{content:"";background:linear-gradient(90deg,#0000,#ff8c4233,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{color:var(--orange);background:linear-gradient(135deg,#fffffff2 0%,#ff8c4240 50%,#ffffffe6 100%);border-color:#ff8c4299;transform:translateY(-2px);box-shadow:0 12px 30px #00000026,0 8px 20px #ff8c4233}.btn-resume{-webkit-backdrop-filter:blur(10px);color:var(--dark);letter-spacing:.3px;isolation:isolate;background:linear-gradient(135deg,#fffffff2 0%,#ff8c422e 50%,#ffffffe6 100%);border:1.5px solid #ff8c4273;border-radius:50px;justify-content:center;align-items:center;padding:.72rem 1.18rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .45s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000001f}.btn-resume:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ff8c4259,#ffffff59,#0000);width:120%;height:100%;transition:left .75s;position:absolute;top:0;left:-120%}.btn-resume:after{content:"";z-index:-2;opacity:0;background:conic-gradient(from 180deg,#ff8c4259,#fff3,#ff8c4280,#fff3,#ff8c4259);border-radius:50px;transition:opacity .35s,transform .35s;position:absolute;inset:-2px;transform:scale(.96)}.btn-resume:hover{color:var(--orange);background:linear-gradient(135deg,#fffffffa 0%,#ff8c4247 50%,#fffffff5 100%);border-color:#ff8c42bf;transform:translateY(-4px)scale(1.02);box-shadow:0 14px 32px #d978384d,0 6px 18px #00000024}.btn-resume:hover:before{left:110%}.btn-resume:hover:after{opacity:1;transform:scale(1)}.btn-resume:active{transform:translateY(-1px)scale(.99)}.hero-image{z-index:5;justify-content:center;align-items:flex-end;width:48%;height:100%;padding-bottom:0;display:flex;position:absolute;bottom:0;right:0}.hero-image:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 0%,#ffffff0d 50%,#ffffff1a 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.hero-image img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 20px 40px #00000026);max-width:88%;max-height:96%;transition:transform .3s}.hero-image:hover img{transform:scale(1.02)}.bubble{-webkit-backdrop-filter:blur(35px)saturate(200%)brightness(120%);color:var(--dark);z-index:15;letter-spacing:.4px;text-align:center;cursor:default;background:#ffffffe0;border:2px solid #ffffffe6;border-radius:30px;max-width:100px;padding:.9rem 1.3rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 30px 60px #0003,0 20px 40px #ff8c424d,0 8px 20px #fff6,inset 0 2px #fffffff2,inset 0 0 50px #fff9}.bubble:hover{-webkit-backdrop-filter:blur(40px)saturate(220%)brightness(130%);transform:translateY(-6px)scale(1.08)rotate(1deg);box-shadow:0 35px 70px #00000040,0 25px 50px #ff8c4259,0 12px 25px #ffffff80,inset 0 2px #fff,inset 0 0 60px #ffffffb3}.bubble-1:hover{background:linear-gradient(135deg,#fffffff2 0%,#ffecd2e6 50%,#ffffffeb 100%)}.bubble-2:hover{background:linear-gradient(135deg,#fffffff2 0%,#fcb69fe6 50%,#ffffffeb 100%)}.bubble-3:hover{background:linear-gradient(135deg,#fffffff2 0%,#ff8c4240 50%,#ffffffeb 100%)}.bubble-1{background:linear-gradient(135deg,#ffffffe6 0%,#ffecd2d9 50%,#ffffffe0 100%);top:43%;left:54%;transform:rotate(-4deg)}.bubble-2{background:linear-gradient(135deg,#ffffffe6 0%,#fcb69fd9 50%,#ffffffe0 100%);top:42%;right:2%;transform:rotate(3deg)}.bubble-3{background:linear-gradient(135deg,#ffffffe6 0%,#ff8c4233 50%,#ffffffe0 100%);bottom:15%;right:20%;transform:rotate(-3deg)}.dots{z-index:2;opacity:.5;grid-template-columns:repeat(4,8px);gap:10px;display:grid;position:absolute}.dots.dots-left{bottom:12%;left:5%}.dots.dots-right{top:18%;right:5%}.dot{background:#fff9;border-radius:50%;width:8px;height:8px}.deco-dot{z-index:15;border-radius:50%;position:absolute;box-shadow:0 4px 12px #0000001a}.deco-1{background:linear-gradient(135deg,#ff8c42 0%,#ff7828 100%);width:12px;height:12px;top:28%;left:48%}.deco-2{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);width:10px;height:10px;top:20%;right:7.5%}.scroll-indicator{z-index:20;opacity:.7;flex-direction:column;align-items:center;gap:.6rem;transition:opacity .3s;display:flex;position:absolute;bottom:2.5rem;left:2.5rem}.scroll-indicator:hover{opacity:1}.scroll-indicator span{letter-spacing:2px;color:var(--gray-600);writing-mode:vertical-lr;text-transform:uppercase;font-size:.68rem;font-weight:600;transform:rotate(180deg)}.scroll-line{background:linear-gradient(to bottom, var(--gray-300), transparent);border-radius:2px;width:2px;height:40px}.section{background:var(--white);padding:6rem 2rem}.section-cream{background:var(--cream)}.section-orange{background:linear-gradient(135deg,#d97838 0%,#e8995f 60%,#f0a46b 100%)}.container{max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.5rem}.section-tag{letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);align-items:center;margin-bottom:1rem;font-size:.72rem;font-weight:700;display:inline-flex}.section-tag-light{color:#ffffffd9}h2{color:var(--dark);letter-spacing:-.5px;font-size:2.4rem;font-weight:700;line-height:1.2}h2 span{color:var(--orange)}.about-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;display:grid}.about-text h2{margin-bottom:1.5rem}.about-text p{color:var(--gray-600);margin-bottom:1.2rem;font-size:1rem;line-height:1.8}.about-stats{border-top:1px solid #0000000f;gap:3rem;margin-top:2.5rem;padding-top:2.5rem;display:flex}.stat strong{color:var(--orange);font-size:2.2rem;font-weight:700;line-height:1;display:block}.stat span{color:var(--gray-400);text-transform:uppercase;letter-spacing:1.5px;margin-top:.3rem;font-size:.78rem;display:block}.about-card-wrap{justify-content:center;display:flex}.about-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffffe6;border:1px solid #fffc;border-radius:24px;padding:3rem 2.5rem;position:relative;box-shadow:0 25px 60px #00000014}.about-card:before{content:"";background:linear-gradient(135deg, var(--orange) 0%, var(--peach) 100%);z-index:-1;opacity:.9;border-radius:24px;position:absolute;inset:18px -18px -18px 18px}.about-emoji{margin-bottom:1rem;font-size:3.5rem;display:block}.about-card h3{margin-bottom:.3rem;font-size:1.2rem;font-weight:700}.about-card>p{color:var(--gray-400);margin-bottom:1.2rem;font-size:.9rem}.about-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.about-badges span{background:var(--cream);color:var(--orange);border-radius:50px;padding:.4rem .9rem;font-size:.75rem;font-weight:600}.about-modern-layout{background:linear-gradient(135deg,#fffdfbf2 0%,#fff3e8f0 100%);border:1px solid #d978382e;border-radius:24px;max-width:860px;margin:2.2rem auto 0;padding:0;overflow:hidden;box-shadow:0 16px 36px #25181012}.about-content{max-width:none;padding:2.2rem 2.3rem;position:relative}.about-content:before{content:"";background:linear-gradient(#ef9a62 0%,#d97838 100%);width:7px;height:100%;position:absolute;top:0;left:0}.about-intro{margin-bottom:0;padding-left:1.2rem;position:static}.about-lead{color:#2b1d13;letter-spacing:-.1px;margin-bottom:1rem;padding-left:0;font-size:1.18rem;font-weight:600;line-height:1.72}.about-description{color:#63452f;letter-spacing:.1px;padding-left:0;font-size:.98rem;font-weight:400;line-height:1.85}@media (width<=1024px){.about-modern-layout{max-width:100%}}@media (width<=768px){.about-modern-layout{border-radius:20px;margin-top:2.2rem}.about-content{padding:1.5rem 1.2rem}.about-intro{padding-left:.9rem}.about-content:before{width:5px}}.skills-slider{background:#ffffff9e;border:1px solid #0000000f;border-radius:18px;padding:.9rem 0;position:relative;overflow:hidden;box-shadow:0 10px 26px #1414140d}.skills-slider:before,.skills-slider:after{content:"";z-index:2;pointer-events:none;width:90px;position:absolute;top:0;bottom:0}.skills-slider:before{background:linear-gradient(90deg,#f5ece3f2,#f5ece300);left:0}.skills-slider:after{background:linear-gradient(270deg,#f5ece3f2,#f5ece300);right:0}.skills-slider-lines{flex-direction:column;gap:.7rem;display:flex}.skills-slider-line{overflow:hidden}.skills-slider-track{will-change:transform;align-items:center;gap:.8rem;width:max-content;animation:22s linear infinite skillsMarquee;display:flex}.skills-slider-track.is-reverse{animation-name:skillsMarqueeReverse;animation-duration:24s}.skills-slider-item{white-space:nowrap;color:var(--orange);letter-spacing:.2px;background:#ffffffeb;border:1px solid #d9783838;border-radius:999px;padding:.55rem 1rem;font-size:.95rem;font-weight:600}@keyframes skillsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes skillsMarqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.skills-float-container{background:#fff9;border:1px solid #0000000d;border-radius:24px;max-width:800px;margin:0 auto;padding:2rem 0;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000000f}.skills-float-container:before,.skills-float-container:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.skills-float-container:before{background:linear-gradient(90deg,#fef6ee,#0000);left:0}.skills-float-container:after{background:linear-gradient(270deg,#fef6ee,#0000);right:0}.skills-row{padding:.8rem 0;overflow:hidden}.skills-label{text-transform:uppercase;letter-spacing:2px;color:var(--orange);z-index:3;margin-bottom:.6rem;padding-left:1.5rem;font-size:.72rem;font-weight:700;display:block;position:relative}.skills-track{gap:1rem;width:max-content;animation:25s linear infinite floatScroll;display:flex}.skills-track-reverse{animation:28s linear infinite floatScrollReverse}.skills-track-slow{animation:32s linear infinite floatScroll}.skill-pill{white-space:nowrap;cursor:default;border-radius:50px;padding:.7rem 1.3rem;font-size:.95rem;font-weight:600;transition:all .3s}.skill-pill-primary{background:linear-gradient(135deg, var(--orange) 0%, #e8995f 100%);color:#fff;box-shadow:0 4px 15px #d978384d}.skill-pill-secondary{color:var(--orange);border:2px solid var(--orange);background:#fff;box-shadow:0 4px 15px #00000014}.skill-pill-tertiary{color:#8b4513;background:linear-gradient(135deg,#fef6ee 0%,#fde8d7 100%);border:1px solid #d9783840;box-shadow:0 4px 15px #d978381f}.skill-pill:hover{transform:scale(1.08)translateY(-3px)}@keyframes floatScroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes floatScrollReverse{0%{transform:translate(-33.33%)}to{transform:translate(0)}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.2rem;display:grid}.project-card{-webkit-backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(145deg,#f69553b8 0%,#e87c3bad 55%,#d66e2ea8 100%);border:1px solid #ffe2cc8c;border-radius:24px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 20px 40px #d9783838,0 10px 20px #642e0c1f}.project-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff3d 0%,#fff0 46%);border-radius:23px;position:absolute;inset:1px}.project-card:hover{border-color:#ffeee0d9;transform:translateY(-8px);box-shadow:0 26px 52px #d978384d,0 14px 24px #642e0c2b}.project-content{z-index:1;background:linear-gradient(#fff8f1e0 0%,#fff1e3d6 100%);border-radius:23px;margin:1px;padding:1.8rem;position:relative}.project-content h3{color:#3d1807;letter-spacing:-.3px;margin-bottom:.7rem;font-size:1.75rem;font-weight:800}.project-content p{color:#6f3a19;margin-bottom:1.3rem;font-size:1rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem;display:flex}.project-tags span{color:#7d3e18;background:#fff9;border:1px solid #d978383d;border-radius:50px;padding:.45rem .9rem;font-size:.78rem;font-weight:700;transition:all .3s}.project-card:hover .project-tags span{background:#ffffffbf;border-color:#d9783859}.project-link{color:#fff;background:linear-gradient(135deg, var(--orange) 0%, #e8995f 100%);border:1px solid #d97838cc;border-radius:50px;align-items:center;gap:.4rem;padding:.65rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #d9783840}.project-link:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.project-link:hover:before{left:100%}.project-link:hover{background:linear-gradient(135deg,#c66a2d 0%,#d1834f 100%);transform:translateY(-3px);box-shadow:0 10px 30px #d9783859}.project-link-demo{color:var(--orange);background:linear-gradient(135deg,#ffffffe6 0%,#fef6eecc 100%);border-color:#d9783866;box-shadow:0 6px 20px #0000001a}.project-link-demo:hover{color:#c66a2d;background:linear-gradient(135deg,#fff 0%,#fef6eef2 100%);box-shadow:0 10px 30px #00000026}.project-link-github{color:#fff6ef;background:linear-gradient(135deg,#1f2d3a 0%,#2f4355 100%);border:1px solid #151f28b3;box-shadow:0 8px 18px #1f2d3a33}.project-link-github:hover{color:#fff;background:linear-gradient(135deg,#2a3d50 0%,#3a5166 100%);border-color:#1f2d3af2}.project-links{gap:.8rem;display:flex}.project-link-demo{color:#7a340f;background:#ffffffd6;border:1px solid #d9783873}@media (width<=900px){.project-content h3{font-size:1.45rem}.project-content p{font-size:.95rem}}.project-link-demo:hover{background:#fffffff7;border-color:#d97838b3}.contact-wrapper{text-align:center;background:#fffffff2;border-radius:24px;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:3rem 2.5rem;animation:7s ease-in-out infinite contactCardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.contact-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#d9783833 0%,#d9783800 70%);border-radius:50%;width:58%;height:58%;animation:9s linear infinite contactGlowOrbit;position:absolute;top:-35%;left:-25%}.contact-wrapper:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff59 45%,#ffffff1a 55%,#0000 100%);border-radius:24px;animation:5s ease-in-out infinite contactShimmer;position:absolute;inset:0;transform:translate(-130%)}@keyframes contactCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes contactGlowOrbit{0%{opacity:.6;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(22px,16px)scale(1.08)}to{opacity:.6;transform:translate(0)scale(1)}}@keyframes contactShimmer{0%,55%{transform:translate(-130%)}75%{transform:translate(130%)}to{transform:translate(130%)}}.section-orange{position:relative;overflow:hidden}.section-orange:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#fff4e833,#0000 50%);position:absolute;inset:0}.contact-wrapper .section-tag-light{color:var(--orange)}.contact-wrapper h2{color:var(--dark);margin-bottom:.5rem;font-size:2.2rem}.contact-wrapper h2 span{color:var(--orange)}.contact-desc{color:var(--gray-600);margin-bottom:2rem;font-size:1rem;line-height:1.6}.contact-info{flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.contact-email,.contact-location{color:var(--gray-600);justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.contact-icon{width:18px;height:18px;color:var(--orange);justify-content:center;align-items:center;display:inline-flex}.contact-icon svg{width:100%;height:100%}.contact-socials{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.social-link{color:var(--dark);isolation:isolate;background:linear-gradient(135deg,#ffffffeb 0%,#d978381f 100%);border:1px solid #d978384d;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.social-link:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff73,#d9783840,#0000);width:120%;height:100%;transition:left .7s;position:absolute;top:0;left:-120%}.social-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.social-icon svg{width:100%;height:100%}.social-link:hover .social-icon{transition:transform .25s;transform:translateY(-1px)scale(1.12)}.social-link:hover{background:linear-gradient(135deg,#fffffffa 0%,#d9783840 100%);border-color:#d9783880;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 24px #d9783838,0 5px 14px #0000001a}.social-link:hover:before{left:110%}.contact-resume-btn{background:var(--dark);color:var(--white);isolation:isolate;border-radius:50px;align-items:center;gap:.5rem;margin-top:1rem;padding:.85rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.contact-resume-btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff3d,#0000);width:120%;height:100%;transition:left .75s;position:absolute;top:0;left:-120%}.contact-resume-btn:hover{background:#1a1a1a;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 26px #00000047,0 4px 12px #0003}.contact-resume-btn:hover:before{left:110%}.footer{background:var(--dark);padding:2rem}.footer-content{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.footer-brand{color:var(--white);letter-spacing:-.3px;font-size:1.3rem;font-weight:700}.footer-brand span{color:var(--orange)}.footer-copy{color:#ffffff80;font-size:.85rem}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-slider:before,.skills-slider:after{width:50px}.skills-slider-track{animation-duration:20s}.skills-slider-track.is-reverse{animation-duration:22s}.about-layout{gap:3.5rem}.nav{padding:1.5rem 2rem}.hero-content{max-width:400px;left:3.5%}}@media (width<=900px){.card{border-width:2px;flex-direction:column;height:auto;min-height:auto;max-height:none}.card-orange{border-radius:0;width:100%;height:380px;position:relative}.card-cream{display:none}.hero-content{max-width:100%;padding:4rem 2.5rem 2rem;position:relative;top:auto;left:auto;transform:none}.hero-image{width:100%;height:320px;position:relative}.bubble,.deco-dot,.scroll-indicator,.nav-links a:not(.nav-cta){display:none}.about-layout{grid-template-columns:1fr;gap:3rem}.contact-wrapper{padding:2rem 1.5rem}.projects-grid{grid-template-columns:1fr}.skills-slider{padding:.7rem 0}.skills-slider:before,.skills-slider:after{width:32px}.skills-slider-item{padding:.48rem .85rem;font-size:.88rem}h2{letter-spacing:-.3px;font-size:2rem}.section{padding:5rem 2rem}}@media (width<=600px){.hero{padding:1rem}.card{border-width:2px}.nav{padding:1.3rem 1.5rem}.nav-brand{font-size:1.3rem}.hero-content{padding:3rem 1.8rem 1.8rem}.name{letter-spacing:-.3px;font-size:2.2rem}.hello,.intro{font-size:1.9rem}.role{font-size:1.05rem}.cta-row{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}.section{padding:4rem 1.5rem}.section-header{margin-bottom:2.5rem}h2{font-size:1.75rem}.about-stats{gap:2rem}.stat strong{font-size:1.9rem}.project-card{padding:0}.footer-content{text-align:center;flex-direction:column;gap:1rem}}