@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-color: #f8fafc;--bg-surface: rgba(255, 255, 255, .8);--bg-surface-hover: rgba(255, 255, 255, 1);--border-color: rgba(15, 23, 42, .08);--border-hover: rgba(15, 23, 42, .15);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-color: #2563eb;--accent-glow: rgba(37, 99, 235, .3);--accent-gradient: linear-gradient(135deg, #3b82f6, #2563eb);--success-color: #059669;--success-gradient: linear-gradient(135deg, #10b981, #059669);--warning-color: #d97706;--warning-gradient: linear-gradient(135deg, #f59e0b, #d97706);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--max-width: 1000px;--bg-gradient-1: rgba(59, 130, 246, .05);--bg-gradient-2: rgba(16, 185, 129, .03)}@media(prefers-color-scheme:dark){[data-theme=dark],html:not([data-theme=light]){--bg-color: #030712;--bg-surface: rgba(255, 255, 255, .03);--bg-surface-hover: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: #60a5fa;--accent-glow: rgba(59, 130, 246, .5);--accent-gradient: linear-gradient(135deg, #60a5fa, #3b82f6);--success-color: #34d399;--success-gradient: linear-gradient(135deg, #34d399, #10b981);--warning-color: #fbbf24;--warning-gradient: linear-gradient(135deg, #fbbf24, #f59e0b);--bg-gradient-1: rgba(59, 130, 246, .08);--bg-gradient-2: rgba(16, 185, 129, .05)}}[data-theme=dark]{--bg-color: #030712;--bg-surface: rgba(255, 255, 255, .03);--bg-surface-hover: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: #60a5fa;--accent-glow: rgba(59, 130, 246, .5);--accent-gradient: linear-gradient(135deg, #60a5fa, #3b82f6);--success-color: #34d399;--success-gradient: linear-gradient(135deg, #34d399, #10b981);--warning-color: #fbbf24;--warning-gradient: linear-gradient(135deg, #fbbf24, #f59e0b);--bg-gradient-1: rgba(59, 130, 246, .08);--bg-gradient-2: rgba(16, 185, 129, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Outfit,sans-serif;background-color:var(--bg-color);transition:background-color var(--transition-normal)}body{color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;transition:color var(--transition-normal);position:relative;z-index:0}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle at 15% 50%,var(--bg-gradient-1) 0%,transparent 50%),radial-gradient(circle at 85% 30%,var(--bg-gradient-2) 0%,transparent 50%);pointer-events:none}::selection{background:var(--accent-color);color:#fff}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast),text-shadow var(--transition-fast)}a:hover{text-shadow:0 0 12px var(--accent-glow)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal)}.badge--accent{background:#3b82f61a;color:var(--accent-color);border:1px solid rgba(59,130,246,.2)}.badge--success{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.badge--warning{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);border:none;outline:none}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #3b82f640}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666;color:#fff}.btn--ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn--ghost:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-2px)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}[data-theme=dark] .card{box-shadow:none}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .card{box-shadow:none}}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent);opacity:0;transition:opacity var(--transition-normal)}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 10px 20px #00000014}[data-theme=dark] .card:hover{box-shadow:0 10px 30px #0006}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .card:hover{box-shadow:0 10px 30px #0006}}.card:hover:before{opacity:1}.section{padding:16px 0;position:relative}.section:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.section:last-child:after{display:none}.section__title{font-size:24px;font-weight:700;margin-bottom:16px;text-align:center;letter-spacing:-.02em;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section__title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--accent-gradient);border-radius:2px}.grid{display:grid;gap:12px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.grid--2,.grid--3{grid-template-columns:1fr}.section{padding:16px 0}.card{padding:16px}}code{font-family:Fira Code,Courier New,monospace;font-size:.85em;background:var(--bg-surface);padding:3px 6px;border-radius:4px;border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-normal)}.code-block{background:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;font-family:Fira Code,monospace;font-size:13px;line-height:1.5;color:var(--text-primary);overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}[data-theme=dark] .code-block{background:#0006;color:#e2e8f0}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .code-block{background:#0006;color:#e2e8f0}}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-secondary);margin-top:32px;margin-bottom:32px;padding:8px 16px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-color)}.back-link:hover{color:var(--text-primary);background:var(--bg-surface-hover);transform:translate(-3px);text-shadow:none}.social-links{display:flex;gap:16px}.social-link{width:40px;height:40px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.social-link img{width:20px;height:20px;transition:all var(--transition-normal)}[data-theme=dark] .social-link img{filter:brightness(0) invert(1)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .social-link img{filter:brightness(0) invert(1)}}[data-theme=light] .social-link img{filter:brightness(0) invert(.2)}@media(prefers-color-scheme:light){html:not([data-theme=dark]) .social-link img{filter:brightness(0) invert(.2)}}.social-link:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.social-link:hover img{opacity:1;transform:scale(1.1)}.portfolio-btn-text-wrapper{display:inline-grid;overflow:hidden;align-items:center;justify-items:center;line-height:1}.portfolio-btn-text-wrapper>span{grid-area:1 / 1;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55)}.text-front{animation-name:slideFront}.text-back{animation-name:slideBack;font-weight:700}@keyframes slideFront{0%,35%{transform:translateY(0);opacity:1}45%{transform:translateY(-100%);opacity:0}46%,85%{transform:translateY(100%);opacity:0}95%,to{transform:translateY(0);opacity:1}}@keyframes slideBack{0%,35%{transform:translateY(100%);opacity:0}45%,85%{transform:translateY(0);opacity:1}95%,to{transform:translateY(-100%);opacity:0}}