@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-medium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-semibold.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-semibold.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans Code;font-style:normal;font-weight:100 900;font-stretch:normal;font-display:swap;src:url(/fonts/google-sans-code.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans Code;font-style:italic;font-weight:100 900;font-stretch:normal;font-display:swap;src:url(/fonts/google-sans-code-italic.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--base: #18181a;--mantle: #161618;--crust: #141416;--base-rgb: 24, 24, 26;--secondary-bg-rgb: 44, 44, 48;--tertiary-bg-rgb: 58, 58, 64;--border-rgb: 72, 72, 90;--accent-primary-rgb: 66, 165, 245;--accent-secondary-rgb: 221, 160, 221;--green-rgb: 129, 199, 132;--blue-rgb: 66, 165, 245;--surface0: #2c2c30;--surface1: #3a3a40;--surface2: #48485a;--overlay0: #565670;--overlay1: #646480;--overlay2: #727290;--text: #dfdfe0;--subtext1: #c0c0c7;--subtext0: #a1a1aa;--rosewater: #f7c7c7;--flamingo: #f4a7a7;--pink: #f48fb1;--mauve: #dda0dd;--red: #ff6b6b;--maroon: #e57373;--peach: #ffb74d;--yellow: #fff176;--green: #81c784;--teal: #4db6ac;--sky: #4fc3f7;--sapphire: #29b6f6;--blue: #42a5f5;--lavender: #b39ddb;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--mauve);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}[data-theme=mocha]{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--base-rgb: 30, 30, 46;--secondary-bg-rgb: 49, 50, 68;--tertiary-bg-rgb: 69, 71, 90;--border-rgb: 88, 91, 112;--accent-primary-rgb: 137, 180, 250;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--overlay2: #9399b2;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--mauve);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}[data-theme=latte]{--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8;--surface0: #ccd0da;--surface1: #bcc0cc;--surface2: #acb0be;--overlay0: #9ca0b0;--overlay1: #8c8fa1;--overlay2: #7c7f93;--text: #4c4f69;--subtext1: #5c5f77;--subtext0: #6c6f85;--rosewater: #dc8a78;--flamingo: #dd7878;--pink: #ea76cb;--mauve: #8839ef;--red: #d20f39;--maroon: #e64553;--peach: #fe640b;--yellow: #df8e1d;--green: #40a02b;--teal: #179299;--sky: #04a5e5;--sapphire: #209fb5;--blue: #1e66f5;--lavender: #7287fd;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--mauve);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}[data-theme=frappe]{--base: #303446;--mantle: #292c3c;--crust: #232634;--surface0: #414559;--surface1: #51576d;--surface2: #626880;--overlay0: #737994;--overlay1: #838ba7;--overlay2: #949cbb;--text: #c6d0f5;--subtext1: #b5bfe2;--subtext0: #a5adce;--rosewater: #f2d5cf;--flamingo: #eebebe;--pink: #f4b8e4;--mauve: #ca9ee6;--red: #e78284;--maroon: #ea999c;--peach: #ef9f76;--yellow: #e5c890;--green: #a6d189;--teal: #81c8be;--sky: #99d1db;--sapphire: #85c1dc;--blue: #8caaee;--lavender: #babbf1;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--mauve);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}[data-theme=macchiato]{--base: #24273a;--mantle: #1e2030;--crust: #181926;--surface0: #363a4f;--surface1: #494d64;--surface2: #5b6078;--overlay0: #6e738d;--overlay1: #8087a2;--overlay2: #939ab7;--text: #cad3f5;--subtext1: #b8c0e0;--subtext0: #a5adcb;--rosewater: #f4dbd6;--flamingo: #f0c6c6;--pink: #f5bde6;--mauve: #c6a0f6;--red: #ed8796;--maroon: #ee99a0;--peach: #f5a97f;--yellow: #eed49f;--green: #a6da95;--teal: #8bd5ca;--sky: #91d7e3;--sapphire: #7dc4e4;--blue: #8aadf4;--lavender: #b7bdf8;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--mauve);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}[data-theme=gruvbox]{--base: #282828;--mantle: #1d2021;--crust: #1d2021;--base-rgb: 40, 40, 40;--secondary-bg-rgb: 60, 56, 54;--tertiary-bg-rgb: 80, 73, 69;--border-rgb: 102, 92, 84;--accent-primary-rgb: 69, 133, 136;--surface0: #3c3836;--surface1: #504945;--surface2: #665c54;--overlay0: #7c6f64;--overlay1: #928374;--overlay2: #a89984;--text: #ebdbb2;--subtext1: #d5c4a1;--subtext0: #bdae93;--rosewater: #fb4934;--flamingo: #fe8019;--pink: #d3869b;--mauve: #b16286;--red: #cc241d;--maroon: #9d0006;--peach: #fe8019;--yellow: #fabd2f;--green: #98971a;--teal: #689d6a;--sky: #83a598;--sapphire: #458588;--blue: #458588;--lavender: #b16286;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--yellow);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}[data-theme=lush]{--base: #0f0f23;--mantle: #0a0a1a;--crust: #050510;--base-rgb: 15, 15, 35;--secondary-bg-rgb: 26, 26, 53;--tertiary-bg-rgb: 37, 37, 71;--border-rgb: 48, 48, 88;--accent-primary-rgb: 99, 102, 241;--surface0: #1a1a35;--surface1: #252547;--surface2: #303058;--overlay0: #3b3b6a;--overlay1: #46467c;--overlay2: #51518e;--text: #e0e0ff;--subtext1: #c0c0e0;--subtext0: #a0a0c0;--rosewater: #ff9eb5;--flamingo: #ff7eb6;--pink: #ff6bcb;--mauve: #d946ef;--red: #ff4d6d;--maroon: #e11d48;--peach: #ff8c42;--yellow: #f59e0b;--green: #10b981;--teal: #06b6d4;--sky: #0ea5e9;--sapphire: #3b82f6;--blue: #6366f1;--lavender: #8b5cf6;--primary-bg: var(--base);--secondary-bg: var(--surface0);--tertiary-bg: var(--surface1);--primary-text: var(--text);--secondary-text: var(--subtext1);--muted-text: var(--subtext0);--accent-primary: var(--blue);--accent-secondary: var(--pink);--success: var(--green);--warning: var(--yellow);--error: var(--red);--border: var(--surface2);--hover: var(--surface1)}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}::selection{background-color:var(--accent-primary);color:var(--base)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.scroll-reveal{opacity:0;animation:fadeInUp .8s ease-out forwards}.scroll-reveal-left{opacity:0;animation:fadeInLeft .8s ease-out forwards}.scroll-reveal-right{opacity:0;animation:fadeInRight .8s ease-out forwards}.scroll-reveal:nth-child(1){animation-delay:.1s}.scroll-reveal:nth-child(2){animation-delay:.2s}.scroll-reveal:nth-child(3){animation-delay:.3s}.scroll-reveal:nth-child(4){animation-delay:.4s}.scroll-reveal:nth-child(5){animation-delay:.5s}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--accent-primary);border-radius:50%;animation:float-particle 15s infinite linear;opacity:.6}.particle:nth-child(2n){background:var(--accent-secondary);animation-duration:20s;width:2px;height:2px}.particle:nth-child(3n){background:var(--green);animation-duration:25s;width:1px;height:1px}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--base)}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:10px;border:2px solid var(--base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--accent-secondary),var(--accent-primary))}.cursor-trail{position:fixed;width:6px;height:6px;background:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:9999;opacity:.8;transition:opacity .3s ease}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,var(--primary-text) 0%,var(--accent-primary) 50%,var(--primary-text) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}.magnetic{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.magnetic:hover{transform:scale(1.05)}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--red),-.05em -.025em 0 var(--blue),.025em .05em 0 var(--green)}15%{text-shadow:.05em 0 0 var(--red),-.05em -.025em 0 var(--blue),.025em .05em 0 var(--green)}16%{text-shadow:-.05em -.025em 0 var(--red),.025em .025em 0 var(--blue),-.05em -.05em 0 var(--green)}49%{text-shadow:-.05em -.025em 0 var(--red),.025em .025em 0 var(--blue),-.05em -.05em 0 var(--green)}50%{text-shadow:.025em .05em 0 var(--red),.05em 0 0 var(--blue),0 -.05em 0 var(--green)}99%{text-shadow:.025em .05em 0 var(--red),.05em 0 0 var(--blue),0 -.05em 0 var(--green)}to{text-shadow:-.025em 0 0 var(--red),-.025em -.025em 0 var(--blue),-.025em -.05em 0 var(--green)}}.glitch{animation:glitch 1s linear infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-primary)}}.typewriter{overflow:hidden;border-right:3px solid var(--accent-primary);white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes wave{0%,60%,to{transform:initial}30%{transform:translateY(-15px)}}.wave{animation:wave 1.3s ease-in-out infinite}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.wave:nth-child(4){animation-delay:.3s}.wave:nth-child(5){animation-delay:.4s}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--base)!important;color:var(--text)!important}html{background-color:var(--primary-bg);color:var(--primary-text)}body{background:transparent;color:var(--primary-text)}body{min-height:100vh;background:transparent;color:var(--primary-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;font-size:16px;font-weight:400;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(calc(45deg + var(--scroll-gradient-shift, 0deg)),rgba(var(--accent-primary-rgb, 66, 165, 245),var(--scroll-gradient-intensity, .25)),rgba(var(--accent-secondary-rgb, 221, 160, 221),calc(var(--scroll-gradient-intensity, .18) * .7)),rgba(var(--green-rgb, 129, 199, 132),calc(var(--scroll-gradient-intensity, .15) * .5)),rgba(var(--blue-rgb, 66, 165, 245),calc(var(--scroll-gradient-intensity, .2) * .8)),rgba(var(--accent-primary-rgb, 66, 165, 245),var(--scroll-gradient-intensity, .25)));background-size:400% 400%;animation:gradientShift 20s ease infinite;pointer-events:none;z-index:0;transition:all .3s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1,h2,h3,h4,h5,h6{color:var(--primary-text);font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--secondary-text)}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-secondary)}header{background:rgba(var(--secondary-bg-rgb, 49, 50, 68),.4);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(var(--border-rgb, 88, 91, 112),.3);position:sticky;top:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease}header:hover:after{opacity:.5}.title{color:var(--accent-primary);font-size:1.75rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{opacity:1}50%{opacity:.8}}.menu-btn{display:none;flex-direction:column;cursor:pointer;padding:.75rem;background:rgba(var(--surface0-rgb, 49, 50, 68),.5);border:1px solid rgba(var(--border-rgb, 88, 91, 112),.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.menu-btn:hover{background:rgba(var(--surface1-rgb, 69, 71, 90),.7);transform:scale(1.05)}.menu-btn__burger{width:1.5rem;height:2px;background:linear-gradient(135deg,var(--primary-text),var(--accent-primary));margin:2px 0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border-radius:2px}.menu-btn__burger.open{transform:rotate(45deg) scale(1.1)}.nav{display:flex;justify-content:center;padding:1.5rem}.nav__list{display:flex;list-style:none;gap:.5rem;align-items:center;background:rgba(var(--surface0-rgb, 49, 50, 68),.4);padding:.75rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(var(--border-rgb, 88, 91, 112),.2)}.nav__item a{color:var(--secondary-text);font-weight:500;padding:.75rem 1.5rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav__item a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));transition:left .3s ease;z-index:0}.nav__item a:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--accent-primary-rgb, 137, 180, 250),.3)}.nav__item a:hover:before{left:0}@media (max-width: 768px){header{padding:1rem;display:flex;justify-content:space-between;align-items:center}.menu-btn{display:flex}.nav{position:absolute;top:100%;left:0;right:0;background-color:var(--secondary-bg);border-top:1px solid var(--border);padding:1rem;display:none;box-shadow:0 4px 12px #0000001a}.nav.active{display:block}.nav__list{flex-direction:column;gap:1rem;width:100%}.nav__item{text-align:center;width:100%}.nav__item a{display:block;width:100%;padding:1rem}}main{max-width:1400px;margin:0 auto;padding:3rem 2rem;min-height:calc(100vh - 200px);position:relative;z-index:100}.row{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:100}.container{background:rgba(var(--secondary-bg-rgb, 49, 50, 68),.15);-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(var(--border-rgb, 88, 91, 112),.2);border-radius:24px;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.6}.container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 0 0 1px rgba(var(--accent-primary-rgb, 137, 180, 250),.1);border-color:rgba(var(--accent-primary-rgb, 137, 180, 250),.3)}.card{background:linear-gradient(135deg,rgba(var(--secondary-bg-rgb, 49, 50, 68),.2),rgba(var(--tertiary-bg-rgb, 69, 71, 90),.15));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-rgb, 88, 91, 112),.2);border-radius:20px;padding:2rem;margin-bottom:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb, 137, 180, 250),.05),rgba(var(--accent-secondary-rgb, 203, 166, 247),.05));opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-6px) rotateX(5deg);box-shadow:0 15px 35px #0000001a,0 5px 15px #00000014;border-color:rgba(var(--accent-primary-rgb, 137, 180, 250),.4)}.card:hover:after{opacity:1}@media (max-width: 768px){main{padding:1rem .5rem}.container{padding:1rem;margin-bottom:1rem;border-radius:8px}.row{padding:0 .5rem}}@media (min-width: 1200px){main{padding:3rem 2rem}}.navbar{background:linear-gradient(135deg,rgba(var(--secondary-bg-rgb, 49, 50, 68),.95),rgba(var(--accent-primary-rgb, 137, 180, 250),.1) 25%,rgba(var(--accent-secondary-rgb, 203, 166, 247),.1) 75%,rgba(var(--secondary-bg-rgb, 49, 50, 68),.95));color:var(--primary-text);padding:1rem 2rem;width:100%;border-bottom:1px solid rgba(var(--accent-primary-rgb, 137, 180, 250),.3);box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.navbar a{color:var(--secondary-text);text-decoration:none;padding:.5rem 1rem;font-size:1rem;font-weight:500;border-radius:.5rem;transition:all .2s ease}.navbar a:hover{background-color:var(--hover);color:var(--accent-primary)}.navbar .title{font-family:Nunito,Inter,sans-serif;font-weight:800;font-size:1.85rem;margin:0;text-decoration:none;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,var(--green) 100%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease-in-out infinite;letter-spacing:-.02em;transition:all .3s ease}.navbar .title:hover{transform:scale(1.05);filter:brightness(1.2);animation-duration:2s}.navbar .list{display:flex;align-items:center;gap:1rem}.navbar .list ul{display:flex;list-style:none;gap:.5rem;margin:0;padding:0}.navbar .list ul li{display:flex}.theme-switcher{background:none;border:1px solid var(--border);color:var(--secondary-text);padding:.5rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s ease;min-width:80px}.theme-switcher:hover{background-color:var(--hover);border-color:var(--accent-primary);color:var(--accent-primary)}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),transparent);opacity:.8}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-primary-rgb, 137, 180, 250),.5),rgba(var(--accent-secondary-rgb, 203, 166, 247),.5),transparent);opacity:.6}.navbar a{position:relative;overflow:hidden}.navbar a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb, 137, 180, 250),.2),rgba(var(--accent-secondary-rgb, 203, 166, 247),.2));transition:left .3s ease;z-index:-1}.navbar a:hover:before{left:0}@media (max-width: 768px){.navbar{padding:1rem;flex-wrap:wrap}.navbar .title{font-size:1.5rem}.navbar .list{flex-wrap:wrap;gap:.5rem}.navbar .list ul{flex-wrap:wrap;gap:.25rem}.theme-switcher{font-size:.75rem;padding:.375rem;min-width:60px}}.theme-switcher{background:linear-gradient(135deg,rgba(var(--secondary-bg-rgb, 49, 50, 68),.8),rgba(var(--tertiary-bg-rgb, 69, 71, 90),.6));-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(var(--border-rgb, 88, 91, 112),.3);color:var(--secondary-text);padding:.75rem 1rem;border-radius:16px;cursor:pointer;font-size:.875rem;font-weight:500;font-family:Google Sans Code,Fira Code,JetBrains Mono,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;min-width:fit-content;position:relative;overflow:hidden}.theme-switcher:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));transition:left .3s ease;z-index:-1}.theme-switcher:hover{color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(var(--accent-primary-rgb, 137, 180, 250),.3),0 0 0 1px rgba(var(--accent-primary-rgb, 137, 180, 250),.2);border-color:rgba(var(--accent-primary-rgb, 137, 180, 250),.5)}.theme-switcher:hover:before{left:0}.theme-switcher:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.theme-emoji{font-size:1rem;filter:grayscale(.2);transition:filter .2s ease}.theme-switcher:hover .theme-emoji{filter:grayscale(0)}.theme-name{font-family:Inter,sans-serif;font-weight:500}@media (max-width: 768px){.theme-switcher{font-size:.75rem;padding:.375rem .5rem;min-width:fit-content}.theme-name{display:none}.theme-emoji{font-size:1.1rem}}@media (max-width: 480px){.theme-switcher{padding:.25rem .375rem}}.about-container{background-color:var(--secondary-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.about-container .title{color:var(--primary-text);font-size:2rem;font-weight:700;margin:0;text-align:center;border-bottom:2px solid var(--accent-primary);padding-bottom:1rem}.about-container p{color:var(--secondary-text);font-size:1rem;line-height:1.7;margin-bottom:1rem;text-align:justify}.about-container a{color:var(--accent-primary);text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:3px;transition:all .2s ease}.about-container a:hover{color:var(--accent-secondary);text-decoration-color:var(--accent-secondary)}.about-image-container{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;padding:2rem;margin:2rem auto;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 24px #0000001a;border:1px solid var(--border);color:var(--base);font-weight:600;transition:transform .2s ease}.about-image-container:hover{transform:translateY(-4px)}svg{width:100%;height:auto;max-width:300px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@media (max-width: 768px){.about-container{padding:1.5rem;margin:1rem 0;border-radius:8px}.about-container .title{font-size:1.75rem}.about-image-container{margin:1.5rem auto;padding:1.5rem}.about-container p{text-align:left}}.social-links-container{display:flex;justify-content:center;align-items:center;padding:2rem 0}.social-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-links a{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;color:var(--primary-text);background-color:var(--secondary-bg);border:1px solid var(--border);transition:all .2s ease;min-width:120px;justify-content:center}.social-links a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-links a i{font-size:1.1rem}.social-links .linkedin{background:linear-gradient(135deg,#0077b5,#005885);color:#fff;border-color:#0077b5}.social-links .linkedin:hover{background:linear-gradient(135deg,#005885,#004065);color:#fff}.social-links .github{background:linear-gradient(135deg,var(--surface0),var(--surface1));color:var(--primary-text);border-color:var(--border)}.social-links .github:hover{background:linear-gradient(135deg,var(--surface1),var(--surface2));border-color:var(--accent-primary);color:var(--accent-primary)}.social-links .twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff;border-color:#1da1f2}.social-links .twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a73b8);color:#fff}.social-links .email{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--base);border-color:var(--accent-primary)}.social-links .email:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--mauve));color:var(--base)}.social-links .website{background:linear-gradient(135deg,var(--green),var(--teal));color:var(--base);border-color:var(--green)}.social-links .website:hover{background:linear-gradient(135deg,var(--teal),var(--sky));color:var(--base)}@media (max-width: 768px){.social-links{gap:.75rem;padding:0 1rem}.social-links a{padding:.5rem 1rem;font-size:.875rem;min-width:100px}.social-links a i{font-size:1rem}}@media (max-width: 480px){.social-links{flex-direction:column;align-items:center;gap:.5rem}.social-links a{width:100%;max-width:200px}}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:2rem;grid-template-columns:1fr}.post-list li{background:linear-gradient(135deg,rgba(var(--secondary-bg-rgb, 49, 50, 68),.4),rgba(var(--tertiary-bg-rgb, 69, 71, 90),.3));-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(var(--border-rgb, 88, 91, 112),.3);border-radius:20px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:10}.post-list li:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.post-list li:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(var(--accent-primary-rgb, 137, 180, 250),.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .4s ease;pointer-events:none}.post-list li:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #00000026,0 0 0 1px rgba(var(--accent-primary-rgb, 137, 180, 250),.2);border-color:rgba(var(--accent-primary-rgb, 137, 180, 250),.4)}.post-list li:hover:before{transform:scaleX(1)}.post-list li:hover:after{width:100%;height:100%}.post-list li a{color:var(--primary-text);text-decoration:none;display:block;font-weight:600;font-size:1.125rem;line-height:1.4;transition:color .2s ease}.post-list li a:hover{color:var(--accent-primary)}.post-meta{color:var(--muted-text);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:1rem}.post-date{color:var(--accent-primary);font-size:.8rem;font-weight:500;margin-right:1rem;font-family:Google Sans Code,Inter,sans-serif;letter-spacing:.025em}.post-excerpt{color:var(--secondary-text);font-size:.95rem;line-height:1.6;margin-top:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.post-tag{background-color:var(--tertiary-bg);color:var(--accent-primary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid var(--border)}@media (max-width: 768px){.post-list li{padding:1rem}.post-list li a{font-size:1rem}.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.post-tags{margin-top:.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{width:40px;height:40px;position:relative;margin-bottom:1rem}.loading-dots{display:flex;gap:.5rem;align-items:center}.loading-dot{width:8px;height:8px;border-radius:50%;animation:loading-pulse 1.5s infinite ease-in-out}.loading-dot:nth-child(1){background-color:var(--accent-primary);animation-delay:0s}.loading-dot:nth-child(2){background-color:var(--accent-secondary);animation-delay:.2s}.loading-dot:nth-child(3){background-color:var(--green);animation-delay:.4s}.loading-dot:nth-child(4){background-color:var(--yellow);animation-delay:.6s}.loading-dot:nth-child(5){background-color:var(--red);animation-delay:.8s}@keyframes loading-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-text{color:var(--secondary-text);font-size:.875rem;margin-top:.5rem;text-align:center}.spinner-ring{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-loader{width:48px;height:48px;border:2px solid var(--border);border-radius:50%;position:relative;animation:rotate 1s linear infinite}.modern-loader:before{content:"";width:44px;height:44px;border:2px solid transparent;border-top-color:var(--accent-primary);border-radius:50%;position:absolute;top:-2px;left:-2px;animation:rotate .5s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-content{max-width:800px;margin:0 auto;padding:2rem 0}.post-header{background-color:var(--secondary-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.post-title{color:var(--primary-text);font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.post-meta{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.post-date{color:var(--accent-primary);font-size:.875rem;font-weight:500;margin-right:1rem;font-family:Google Sans Code,Inter,sans-serif;letter-spacing:.025em}.post-featured-image{width:100%;max-height:400px;object-fit:cover;border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 24px #0000001a;transition:transform .2s ease}.post-featured-image:hover{transform:scale(1.02)}.btn-copy-code{position:absolute;top:.75rem;right:.75rem;background:var(--surface0);color:var(--secondary-text);border:1px solid var(--border);padding:.5rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;z-index:1}.btn-copy-code:hover{background:var(--accent-primary);color:var(--base);border-color:var(--accent-primary)}.btn-copy-code i{font-size:.875rem}.code-block-wrapper{position:relative;margin:1.5rem 0}.code-block-wrapper pre{margin:0}.post-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);gap:1rem}.nav-button{background:var(--secondary-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;color:var(--secondary-text);text-decoration:none;transition:all .2s ease;flex:1;max-width:200px}.nav-button:hover{background:var(--tertiary-bg);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.nav-button.prev{text-align:left}.nav-button.next{text-align:right}@media (max-width: 768px){.post-content{padding:1rem 0}.post-header{padding:1.5rem;margin-bottom:1rem;border-radius:8px}.post-title{font-size:2rem}.post-meta{flex-direction:column;gap:.5rem}.post-featured-image{max-height:250px;border-radius:8px}.post-navigation{flex-direction:column;gap:.5rem}.nav-button{max-width:none;text-align:center}}.post-body{background-color:var(--secondary-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;margin:2rem 0;line-height:1.8;font-size:1rem}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:var(--primary-text);margin-top:2rem;margin-bottom:1rem;font-weight:600;position:relative}.post-body h1{font-size:2.5rem;margin-top:0;border-bottom:2px solid var(--accent-primary);padding-bottom:.5rem}.post-body h2{font-size:2rem;color:var(--accent-primary)}.post-body h3{font-size:1.5rem;color:var(--accent-secondary)}.post-body p{color:var(--secondary-text);margin-bottom:1.5rem;text-align:justify}.post-body a{color:var(--accent-primary);text-decoration:underline;text-decoration-color:var(--accent-primary);text-decoration-thickness:2px;text-underline-offset:3px;transition:all .2s ease}.post-body a:hover{color:var(--accent-secondary);text-decoration-color:var(--accent-secondary)}.post-body blockquote{background-color:var(--tertiary-bg);border-left:4px solid var(--accent-primary);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic;color:var(--secondary-text)}.post-body blockquote p{margin-bottom:0}.post-body code{background-color:var(--tertiary-bg);color:var(--accent-primary);padding:.25rem .5rem;border-radius:4px;font-family:Google Sans Code,Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.9em;border:1px solid var(--border)}.post-body pre{background-color:var(--crust);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;font-family:Google Sans Code,Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;box-shadow:inset 0 2px 4px #0000001a}.post-body pre code{background:none;border:none;padding:0;color:var(--text);font-size:inherit}.post-body ul,.post-body ol{padding-left:2rem;margin-bottom:1.5rem;color:var(--secondary-text)}.post-body li{margin-bottom:.5rem}.post-body li::marker{color:var(--accent-primary)}.post-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 12px #0000001a;border:1px solid var(--border)}.post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:var(--tertiary-bg);border-radius:8px;overflow:hidden}.post-body th,.post-body td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.post-body th{background-color:var(--surface0);color:var(--primary-text);font-weight:600}.post-body td{color:var(--secondary-text)}.post-body hr{border:none;height:2px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));margin:2rem 0;border-radius:1px}@media (max-width: 768px){.post-body{padding:1.5rem;margin:1rem 0;border-radius:8px}.post-body h1{font-size:2rem}.post-body h2{font-size:1.75rem}.post-body h3{font-size:1.25rem}.post-body pre{padding:1rem;font-size:.8rem}.post-body p{text-align:left}}.particle-canvas{transition:opacity .3s ease}@media (max-width: 768px){.particle-canvas{opacity:.3}}@media (prefers-reduced-motion: reduce){.particle-canvas{display:none}}.page-transition{width:100%;min-height:100vh;opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.page-transition.transitioning{opacity:0;transform:translateY(10px)}.page-transition:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary-bg);z-index:-1;pointer-events:none}