@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.80fc2c9e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.1db2973a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.da3cbacd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.p.a61bc753.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_c9dbf167-module__BxlJsa__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_c9dbf167-module__BxlJsa__variable{--font-poppins:"Poppins","Poppins Fallback"}
:root{--surface-50:#f8fafc;--surface-100:#f1f5f9;--surface-200:#e2e8f0;--surface-300:#cbd5e1;--surface-400:#94a3b8;--surface-500:#64748b;--surface-600:#475569;--surface-700:#334155;--surface-800:#1e293b;--surface-900:#0f172a;--surface-950:#020617;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--color-bg:var(--surface-950);--color-bg-secondary:var(--surface-900);--color-surface:var(--surface-800);--color-border:var(--surface-700);--color-text-primary:var(--surface-50);--color-text-secondary:var(--surface-400);--color-hover:var(--surface-700);--color-accent:var(--accent-blue);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:5rem;--font-family:var(--font-poppins),sans-serif;--font-weight-light:100;--font-weight-normal:200;--font-weight-medium:300;--font-weight-semibold:400;--font-weight-bold:500;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--breakpoint-mobile:600px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1280px;--brightness-hover:1.1;--brightness-active:1.2;--scale-hover:1.1;--glass-bg:#1e293b66;--glass-border:#94a3b81a;--glass-shadow:0 4px 24px #0006;--glass-blur:12px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}*,:before,:after{box-sizing:border-box}html{background-color:var(--surface-950);color:var(--color-text-primary);scroll-behavior:smooth;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-position:0 0,0 0;background-size:50px 50px;min-height:100vh;position:relative}html:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf614 0%,#0000 50%);position:fixed;inset:0}body{max-width:var(--breakpoint-wide);width:100%;font-family:var(--font-family);color:var(--color-text-secondary);padding:0 var(--spacing-sm);z-index:1;margin:0 auto;position:relative;overflow-x:hidden}a{color:inherit;font-size:1rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;transition:var(--transition-fast);line-height:1.5;text-decoration:none}a:hover{cursor:pointer}a:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin:0;line-height:1.5}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin:0;line-height:1.2}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-medium);letter-spacing:1px;margin:0;line-height:1.3}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-weight-normal);letter-spacing:1px;margin:0;line-height:1.4}h5{font-size:1rem;font-weight:var(--font-weight-light);letter-spacing:1px;margin:0;line-height:1.5}ul{margin:0;padding:0;list-style-type:none}img{max-width:100%;height:auto;display:block}.flex-center{justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.transition-smooth{transition:var(--transition-normal)}.hover-brightness:hover{filter:brightness(var(--brightness-hover))}.hover-scale:hover{transform:scale(var(--scale-hover))}.focus-visible:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);transition:var(--transition-normal);border-radius:20px}.glass-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 48px #0003}.fade-in-up{opacity:0;animation:.8s forwards fadeInUp}.fade-in-left{opacity:0;animation:.8s forwards fadeInLeft}.fade-in-right{opacity:0;animation:.8s forwards fadeInRight}.fade-in{opacity:0;animation:.8s forwards fadeIn}.scale-in{opacity:0;animation:.6s forwards scaleIn;transform:scale(.9)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){:root{--spacing-2xl:3rem;--spacing-xl:2rem;--spacing-lg:1.75rem}body{padding:0 var(--spacing-xs)}h1{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.3}h2{font-size:clamp(1.5rem,6vw,2rem);line-height:1.3}h3{font-size:clamp(1.25rem,5vw,1.75rem)}h4{font-size:clamp(1rem,4vw,1.25rem)}}@media (min-width:601px) and (max-width:768px){body{padding:0 var(--spacing-md)}}@media (min-width:769px) and (max-width:1024px){body{padding:0 var(--spacing-lg)}}@media (hover:none) and (pointer:coarse){a,button,.navbar ul li,.button,.skills__icons li,.projects__tag,.blogCard{min-width:44px;min-height:44px}.skills__icons li:hover,.skills__icons li:hover img{transform:none}}
