@charset "UTF-8";:root{--primary-dark:#0f0c29;--primary-mid:#302b63;--primary-light:#24243e;--accent-blue:#667eea;--accent-purple:#764ba2;--accent-cyan:#00d4ff;--accent-pink:#f093fb;--accent-orange:#f5af19;--gradient-primary:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-mid) 50%, var(--primary-light) 100%);--gradient-accent:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);--gradient-warm:linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-pink) 100%);--gradient-cool:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);--gradient-animated:linear-gradient(-45deg, #0f0c29, #302b63, #24243e, #667eea);--white:#ffffff;--black:#111111;--body-text:#e8e8e8;--body-text-muted:rgba(255, 255, 255, 0.7);--links:#a8b4ff;--links-hover:#ffffff;--glass-bg:rgba(255, 255, 255, 0.08);--glass-bg-hover:rgba(255, 255, 255, 0.12);--glass-border:rgba(255, 255, 255, 0.18);--glass-blur:20px;--glass-blur-strong:40px;--code-block:#1e1e3f;--code-text:#e0e0e0;--font-family:'Inter', 'Helvetica Neue', sans-serif;--font-display:'Space Grotesk', 'Inter', sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Source Code Pro', monospace;--body-size:16px;--line-height:1.7;--letter-spacing:0.02em;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:5rem;--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);--animation-gradient:15s;--animation-float:6s;--animation-glow:2s;--mobile:736px;--tablet:1024px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.15);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.2);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.3);--shadow-glow:0 0 40px rgba(102, 126, 234, 0.3);--shadow-glow-strong:0 0 60px rgba(102, 126, 234, 0.5);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(102,126,234,.3)}50%{box-shadow:0 0 40px rgba(102,126,234,.6)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}@media screen and (max-width:736px){html{font-size:14px}}body{font-family:var(--font-family);font-size:var(--body-size);color:var(--body-text);line-height:var(--line-height);letter-spacing:var(--letter-spacing);min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-animated);background-size:400% 400%;animation:gradientShift var(--animation-gradient)ease infinite;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--white);margin-bottom:.5em}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600}h3{font-size:clamp(1.4rem,3vw,1.8rem)}p{color:var(--body-text);margin-bottom:1em}p:last-child{margin-bottom:0}a{color:var(--links);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:var(--radius-sm)}a:hover{color:var(--links-hover);border-bottom-color:var(--links-hover)}ul,ol{padding-left:1.5rem}li{color:var(--body-text);margin-bottom:.5em;opacity:.9}li a{opacity:1}ul{list-style-type:none}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:var(--spacing-xl)0}button{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-family);font-weight:500;color:var(--white);cursor:pointer;transition:all var(--transition-normal);border:none}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:var(--radius-sm)}button:hover{background:var(--gradient-accent);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-glow)}nav{margin:1em auto}.wrap{margin:0 auto;padding:var(--spacing-xl)var(--spacing-md);width:100%;max-width:900px}@media screen and (max-width:736px){.wrap{padding:var(--spacing-lg)var(--spacing-sm)}}#splash{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl);position:relative;overflow:hidden}#splash::before{content:'';position:absolute;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);border-radius:50%;animation:float var(--animation-float)ease-in-out infinite;animation-delay:-2s;pointer-events:none}#splash::after{content:'';position:absolute;bottom:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(118,75,162,.15) 0%,transparent 70%);border-radius:50%;animation:float var(--animation-float)ease-in-out infinite;animation-delay:-4s;pointer-events:none}.hero-content{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);text-align:center;max-width:700px;width:90%;z-index:1;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;animation-delay:0s}@media screen and (max-width:736px){.hero-content{padding:var(--spacing-xl)var(--spacing-lg)}}.hero-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-sm);background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;animation-delay:.2s}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--body-text-muted);margin-bottom:var(--spacing-xl);font-weight:400;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;animation-delay:.4s}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;animation-delay:.6s}.big-link{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);font-family:var(--font-family);font-size:1.1rem;font-weight:500;color:var(--white);text-decoration:none;border-bottom:none;min-width:160px;justify-content:center}.big-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.big-link:hover{background:var(--glass-bg-hover);border-color:rgba(255,255,255,.25)}.big-link i{font-size:1.4rem;transition:transform var(--transition-normal)}.big-link:hover{color:var(--white);border-bottom:none;box-shadow:var(--shadow-glow)}.big-link:hover i{transform:scale(1.2)}@media screen and (max-width:736px){.big-link{min-width:140px;padding:var(--spacing-sm)var(--spacing-md);font-size:1rem}}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);color:var(--body-text-muted);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);opacity:0;animation:fadeIn 1s ease forwards;animation-delay:1.5s}.scroll-indicator i{animation:bounce 2s infinite}.tag-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-md)0}.tag{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem;color:var(--body-text-muted);border-radius:var(--radius-full);transition:all var(--transition-normal)}.tag:hover{background:var(--glass-bg-hover);color:var(--white);transform:translateY(-2px)}.flex-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.bottom-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)0}.bottom-menu a{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:.95rem;color:var(--body-text-muted);border-bottom:none}.bottom-menu a:hover{background:var(--glass-bg-hover);color:var(--white)}.footer{margin-top:auto;width:100%;padding:var(--spacing-lg);text-align:center;font-size:.9rem;color:var(--body-text-muted);border-top:1px solid var(--glass-border);background:rgba(0,0,0,.2)}.footer a{color:var(--links);border-bottom:none}.footer a:hover{color:var(--white)}.go-left{justify-content:flex-start;align-items:flex-start}.go-right{justify-content:flex-end;align-items:flex-end}.go-center{justify-content:center;align-items:center}.text-center{text-align:center}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}article{width:100%;line-height:var(--line-height);letter-spacing:var(--letter-spacing);opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;animation-delay:.2s}article div{width:100%;margin-bottom:1em}article h1,article h2,article h3{margin:1.5em 0 .5em;font-family:var(--font-display);color:var(--white)}article h1:first-child,article h2:first-child,article h3:first-child{margin-top:0}article h1{font-size:2rem;background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}article h2{font-size:1.5rem}article h3{font-size:1.25rem}article p{display:block;margin-bottom:1.2em;color:var(--body-text);line-height:1.8}article .highlight{width:100%;border-radius:var(--radius-md);overflow:hidden;margin:var(--spacing-lg)0;box-shadow:var(--shadow-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md)}article .highlight pre{margin:0;border-radius:0}article pre{padding:var(--spacing-lg);overflow-x:auto;background:var(--code-block);color:var(--code-text);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;line-height:1.7;margin-bottom:1em}article pre code{border:none;background:0 0;padding:0;font-size:inherit;color:inherit}article code{font-family:var(--font-mono);font-size:.9em;padding:.2em .5em;border-radius:var(--radius-sm);background:rgba(255,255,255,.1);border:1px solid var(--glass-border);color:var(--accent-cyan)}article img{width:100%;max-width:100%;display:block;margin:var(--spacing-lg)auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}article img:hover{transform:scale(1.01);box-shadow:var(--shadow-lg)}article blockquote{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)var(--spacing-xl);margin:var(--spacing-lg)0;border-left:4px solid var(--accent-blue);position:relative}article blockquote::before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;font-family:Georgia,serif;color:var(--accent-blue);opacity:.3;line-height:1}article blockquote p{color:var(--body-text);font-style:italic;font-size:1.1rem}article blockquote a{color:var(--accent-cyan);font-weight:500}article blockquote a:hover{color:var(--white)}article blockquote ul,article blockquote ol{margin-top:1rem}article blockquote li{list-style:disc;margin-left:1rem}article table{width:100%;border-collapse:collapse;margin:var(--spacing-lg)0;border-radius:var(--radius-md);overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md)}article table th{background:rgba(255,255,255,.1);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;color:var(--white)}article table td,article table th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--glass-border)}article table tr{transition:all var(--transition-normal)}article table tr:hover{background:rgba(255,255,255,5%)}article table tr:last-child td{border-bottom:none}article li{line-height:1.8;padding-left:.5rem;color:var(--body-text);position:relative}article li:last-child{margin-bottom:0}article ul{list-style:none;padding-left:0}article ul li{padding-left:1.5rem}article ul li::before{content:'→';position:absolute;left:0;color:var(--accent-blue);font-weight:700}article ol{list-style:decimal;padding-left:1.5rem}article ol li{padding-left:.5rem}article ol li::marker{color:var(--accent-blue);font-weight:600}article .gist{max-width:100%;border-radius:var(--radius-md);overflow:hidden}article .gist td,article .gist th{text-align:left;border:0}article .gist .gist-meta{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}article .gist .gist-meta a{color:var(--body-text)}article .gist .gist-meta a:hover{color:var(--accent-blue)}#title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;margin-bottom:var(--spacing-lg);background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tag{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:.3rem;padding:.4em 1em;font-size:.85rem;color:var(--body-text-muted);border-radius:var(--radius-full);transition:all var(--transition-normal)}.tag:hover{background:var(--gradient-accent);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:transparent}.grid{margin:var(--spacing-xl)auto;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:736px){.grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.grid>div{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;aspect-ratio:16/10;position:relative}.grid>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid>div:hover{background:var(--glass-bg-hover);border-color:rgba(255,255,255,.25)}.grid>div::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%);opacity:0;transition:all var(--transition-normal)}.grid>div:hover::after{opacity:1}.grid>div>img,.grid>div>a>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:all var(--transition-slow)}.grid>div:hover>img,.grid>div:hover>a>img{transform:scale(1.05)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);border-radius:50%;font-size:1.4rem;color:var(--body-text);transition:all var(--transition-normal)}.social-icon:hover{background:var(--gradient-accent);color:var(--white);transform:translateY(-4px)scale(1.1);box-shadow:var(--shadow-glow);border-color:transparent}.social-icon.twitter:hover,.social-icon.x:hover{background:#1da1f2;box-shadow:0 0 30px rgba(29,161,242,.4)}.social-icon.linkedin:hover{background:#0077b5;box-shadow:0 0 30px rgba(0,119,181,.4)}.social-icon.github:hover{background:#333;box-shadow:0 0 30px rgba(51,51,51,.4)}.skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-lg)0}.skills-list .skill{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:.9rem;transition:all var(--transition-normal)}.skills-list .skill:hover{background:var(--glass-bg-hover);transform:translateY(-2px)}.section{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.section h2{margin-top:0;margin-bottom:var(--spacing-md);background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}article h3{position:relative;padding-left:2rem;margin-top:2.5rem!important;margin-bottom:.5rem!important}article h3::before{content:'';position:absolute;left:0;top:.4em;width:12px;height:12px;background:var(--accent-blue);border-radius:50%;box-shadow:0 0 12px var(--accent-blue),0 0 24px rgba(102,126,234,.4);animation:glow var(--animation-glow)ease-in-out infinite}article h3::after{content:'';position:absolute;left:5px;top:1.5em;width:2px;height:calc(100% + 1.5rem);background:linear-gradient(180deg,var(--accent-blue) 0%,var(--accent-purple) 50%,transparent 100%);border-radius:var(--radius-full)}article h3:first-of-type{margin-top:1.5rem!important}article h3+p,article h3+p+p{position:relative;margin-left:2rem;padding:var(--spacing-md)var(--spacing-lg);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)!important;border-left:3px solid var(--accent-blue);transition:all var(--transition-normal)}article h3+p:hover,article h3+p+p:hover{background:var(--glass-bg-hover);transform:translateX(4px);border-left-color:var(--accent-purple)}article h3+p strong,article h3+p+p strong{color:var(--white);font-weight:600}article em{display:inline-block;margin-top:.5rem;padding:.3rem .8rem;background:rgba(102,126,234,.15);border-radius:var(--radius-full);font-size:.85rem;color:var(--accent-cyan);font-style:normal;border:1px solid rgba(102,126,234,.3)}article hr{margin:var(--spacing-xl)0;border:none;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),var(--accent-blue),var(--glass-border),transparent)}article h2{display:flex;align-items:center;gap:.5rem}article h2::before{content:'';display:inline-block;width:4px;height:1.2em;background:var(--gradient-accent);border-radius:var(--radius-full);margin-right:.5rem}article ul li{position:relative;padding-left:1.5rem;margin-bottom:.8rem}article ul li::before{content:'→';position:absolute;left:0;color:var(--accent-blue);font-weight:700}@keyframes timelinePulse{0%,100%{box-shadow:0 0 12px var(--accent-blue),0 0 24px rgba(102,126,234,.4)}50%{box-shadow:0 0 20px var(--accent-blue),0 0 40px rgba(102,126,234,.6)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body{background:var(--gradient-primary);animation:none}}@media print{body{background:#fff;color:#000}.footer,.scroll-indicator,nav{display:none}a{color:#000;text-decoration:underline}}