@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-glass:#ffffff0a;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#55556a;--accent-1:#6366f1;--accent-2:#a855f7;--accent-3:#ec4899;--accent-cyan:#22d3ee;--accent-green:#10b981;--accent-amber:#f59e0b;--gradient-main:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);--gradient-cyan:linear-gradient(135deg, #22d3ee, #6366f1);--gradient-warm:linear-gradient(135deg, #f59e0b, #ec4899);--gradient-bio:linear-gradient(135deg, #10b981, #22d3ee);--glow-purple:0 0 30px #6366f14d;--glow-cyan:0 0 30px #22d3ee33;--glow-pink:0 0 30px #ec489933;--border-subtle:1px solid #ffffff0f;--border-glow:1px solid #6366f14d;--body-font:"Space Grotesk", sans-serif;--mono-font:"JetBrains Mono", monospace;--h1-font-size:3.5rem;--h2-font-size:2rem;--h3-font-size:1.25rem;--normal-font-size:.95rem;--small-font-size:.85rem;--smaller-font-size:.75rem;--font-medium:500;--font-semibold:600;--font-bold:700;--border-radius:16px;--border-radius-lg:24px;--border-radius-sm:8px;--sidebar-width:80px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}@media screen and (max-width:1024px){:root{--h1-font-size:2.5rem;--h2-font-size:1.5rem;--h3-font-size:1.1rem;--normal-font-size:.9rem;--small-font-size:.8rem;--smaller-font-size:.7rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--bg-primary);color:var(--text-secondary);line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f199}h1,h2,h3{color:var(--text-primary);font-weight:var(--font-bold);line-height:1.2}ul{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}img{vertical-align:middle;max-width:100%;height:auto}.main{margin-left:var(--sidebar-width);position:relative}.container{max-width:1100px;margin:0 auto;padding-left:20px;padding-right:20px}.grid{display:grid}.section{padding-top:6rem;padding-bottom:4rem;position:relative}.section__title{font-size:var(--h1-font-size);font-weight:var(--font-bold);margin-bottom:1rem;display:inline-block;position:relative}.section__title .gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section__subtitle{font-family:var(--mono-font);font-size:var(--small-font-size);color:var(--accent-cyan);letter-spacing:.05em;margin-bottom:3.5rem;display:block}.section__subtitle:before{content:"// ";color:var(--text-muted)}.section__header{margin-bottom:3.5rem}.btn{color:#fff;background:var(--gradient-main);line-height:1;font-weight:var(--font-semibold);font-family:var(--body-font);font-size:var(--normal-font-size);transition:var(--transition);cursor:pointer;z-index:1;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 2.2rem;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--gradient-main);filter:brightness(1.3);opacity:0;transition:var(--transition);z-index:-1;position:absolute;inset:0}.btn:hover{box-shadow:var(--glow-purple);transform:translateY(-2px)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0)scale(.98)}.btn--outline{border:var(--border-glow);color:var(--accent-1);background:0 0}.btn--outline:before{background:var(--gradient-main)}.btn--outline:hover{color:#fff;border-color:#0000}.glass-card{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--glow-purple);border-color:#6366f126;transform:translateY(-4px)}.gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text--cyan{background:var(--gradient-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text--bio{background:var(--gradient-bio);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.avatar{background-image:var(--gradient-main);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:50%}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:400px;height:400px;transition:none;position:fixed;transform:translate(-50%,-50%)}.noise-overlay{opacity:.015;z-index:100;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}.tag{font-family:var(--mono-font);font-size:var(--smaller-font-size);color:var(--accent-1);background:#6366f11a;border:1px solid #6366f133;border-radius:50px;padding:.3rem .8rem;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent-cyan)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.container{max-width:720px}.section{padding-top:4.5rem;padding-bottom:3rem}.section__header,.section__subtitle{margin-bottom:2.5rem}}@media screen and (max-width:768px){:root{--sidebar-width:0px}.main{margin-left:0;padding-bottom:70px}.container{padding-left:24px;padding-right:24px}.section{padding-top:4rem;padding-bottom:2.5rem}.section__header,.section__subtitle{margin-bottom:2rem}.cursor-glow{display:none}}@media screen and (max-width:576px){:root{--h1-font-size:2rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.875rem;--small-font-size:.8rem;--smaller-font-size:.7rem}.container{padding-left:16px;padding-right:16px}.section{padding-top:3.5rem;padding-bottom:2rem}.btn{font-size:var(--small-font-size);padding:.75rem 1.75rem}}