@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--clr-1: #020024;--clr-2: #096679;--clr-3: #00d4ff;--clr-4: #22c1c3;--clr-5: #ffffff;--line-dark: hsl(0 0% 95% / .25);--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-hover: 0 10px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);--box-shadow-elevated: 0 20px 40px -10px rgba(0, 0, 0, .2);--transition-shadow: box-shadow .3s ease, transform .3s ease;--transition-all: all .3s cubic-bezier(.4, 0, .2, 1);--fancy-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--glass-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .4);--border-gray: border border-gray-700 dark:border-gray-100;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 12px}.dark{--glass-bg: rgba(30, 30, 30, .8);--glass-border: rgba(255, 255, 255, .1);--accent-glow: rgba(139, 92, 246, .4)}@font-face{font-family:Satoshi-Variable;src:url(/fonts/Satoshi-Variable.woff2) format("woff2"),url(/fonts/Satoshi-Variable.woff) format("woff"),url(/fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Geist Mono;src:url(/fonts/Geist/GeistMonoVariableVF.woff2) format("woff2");font-weight:100 900;font-display:swap}html{scroll-behavior:smooth;scroll-padding-top:12rem}html.dark body:before{--line: var(--line-dark)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.custom-navbar{top:0;z-index:10;width:100%;border-bottom-width:1px;border-color:#e5e7eb80}:is(.dark .custom-navbar){border-color:#37415180}.custom-navbar{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.custom-button,.custom-readmore-button{padding:.625rem 1rem;font-size:.8125rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background:var(--primary-gradient);box-shadow:var(--box-shadow),0 0 20px var(--accent-glow);transition:var(--transition-all);position:relative;overflow:hidden}.custom-button:hover,.custom-readmore-button:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-hover),0 0 30px var(--accent-glow)}.custom-button:before,.custom-readmore-button: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 .5s ease}.custom-button:hover:before,.custom-readmore-button:hover:before{left:100%}.custom-button{width:auto;min-width:6rem;text-align:center;outline:2px solid transparent;outline-offset:2px}.custom-button:focus{outline:2px solid transparent;outline-offset:2px}.custom-button:active{border-style:none;outline:2px solid transparent;outline-offset:2px}.custom-readmore-button{display:flex;width:-moz-max-content;width:max-content;align-items:center;justify-content:center;gap:.5rem}.custom-box-shadow{box-shadow:var(--box-shadow);transition:var(--transition-shadow)}.custom-box-shadow:hover{transform:translate(-1px,-1px);box-shadow:var(--box-shadow-hover)}.fancy-text{text-decoration:none;background:var(--fancy-gradient) no-repeat left 1.6rem / 0% 4px;padding-block:.45em;transition:background-size ease .2s}.fancy-text:hover{background-size:100% 4px}.skill-items li{padding:.5rem 1rem;text-align:center;font-size:.875rem;font-weight:500;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--box-shadow);transition:var(--transition-all)}.skill-items li:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--box-shadow-hover);border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.blog-item{display:flex;width:100%;flex-direction:column;justify-content:space-between;padding:1.25rem;line-height:1.5;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--box-shadow);transition:var(--transition-all);position:relative}.blog-item:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:var(--transition-all);pointer-events:none}.blog-item:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}.blog-item:hover:before{background:var(--fancy-gradient)}.nav-link{width:100%;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem}@media (min-width: 1024px){.nav-link{display:inline-flex;width:auto}}.nav-link{position:relative;transition:var(--transition-all)}.nav-link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--primary-gradient);transition:all .3s ease;transform:translate(-50%);border-radius:1px}.nav-link:hover{color:var(--accent-primary)}.nav-link:hover:after{width:60%}.dark .nav-link:hover{color:var(--accent-secondary)}.custom-height{min-height:calc(100vh - 152px)}.custom-section-height{min-height:calc(100vh - 96px)}.after-border{position:relative}.after-border:after{position:absolute;bottom:-8px;left:0;content:"";width:75px;height:3px;background:var(--clr-5)}@media screen and (min-width: 1200px){.hover-parent:hover .hover-child{filter:blur(2px)}.hover-parent .hover-child:hover{filter:none}}#themeToggle{height:38px;width:38px}.loader{width:20px;height:20px;border:4px solid;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{to{transform:rotate(360deg)}}.prose pre{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}:is(.dark .prose pre){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.prose code{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.125rem .375rem;font-size:.875rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}:is(.dark .prose code){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.prose pre code{background-color:transparent;padding:0}.particle{position:absolute;border:2px solid;opacity:.6;animation:float-particle 20s ease-in-out infinite}.shape-1{width:60px;height:60px;top:10%;left:5%;border-color:#6366f14d;animation-duration:15s}.shape-2{width:40px;height:40px;top:20%;right:15%;border-color:#8b5cf64d;animation-duration:18s;animation-delay:-2s}.shape-3{width:80px;height:80px;bottom:30%;left:20%;border-color:#ec489933;animation-duration:22s;animation-delay:-5s}.shape-4{width:30px;height:30px;top:40%;right:25%;border-color:#6366f166;animation-duration:12s;animation-delay:-3s}.shape-5{width:50px;height:50px;bottom:20%;right:10%;border-color:#8b5cf640;animation-duration:17s;animation-delay:-8s}.shape-6{width:25px;height:25px;top:60%;left:10%;border-color:#ec489959;animation-duration:14s;animation-delay:-4s}.shape-7{width:45px;height:45px;bottom:50%;right:30%;border-color:#6366f133;animation-duration:20s;animation-delay:-7s}.shape-8{width:35px;height:35px;top:70%;left:30%;border-color:#8b5cf64d;animation-duration:16s;animation-delay:-1s}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0);opacity:.6}25%{transform:translateY(-30px) rotate(90deg);opacity:.4}50%{transform:translateY(-15px) rotate(180deg);opacity:.7}75%{transform:translateY(-25px) rotate(270deg);opacity:.5}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-gradient-x{background-size:200% 200%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-wiggle{animation:wiggle 2.5s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}85%{transform:rotate(0)}}