@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=IBM+Plex+Sans:wght@300;400;500&display=swap";:root{--bg: #080808;--bg1: #0f0f0f;--bg2: #161616;--border: rgba(255, 255, 255, .06);--border-hi: rgba(220, 20, 60, .4);--accent-border: rgba(220, 20, 60, .2);--accent2-border: rgba(255, 77, 109, .2);--accent: #DC143C;--accent2: #ff4d6d;--text: #f0f0f0;--muted: #b8b0c0;--muted2: #333333;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif;--nav-bg: rgba(8, 8, 8, .92);--ambient-a: rgba(220, 20, 60, .12);--ambient-b: rgba(255, 77, 109, .08);--ambient-c: rgba(255, 255, 255, .02);--grid-line-a: rgba(255, 255, 255, .025);--grid-line-b: rgba(255, 255, 255, .02);--grid-opacity: .25}[data-theme=light]{--bg: #f6f3ef;--bg1: #f0ebe5;--bg2: #e7dfd7;--border: rgba(32, 22, 12, .14);--border-hi: rgba(220, 20, 60, .4);--accent-border: rgba(220, 20, 60, .34);--accent2-border: rgba(255, 77, 109, .34);--text: #1f1a16;--muted: #574e46;--muted2: #8b8077;--nav-bg: rgba(246, 243, 239, .9);--ambient-a: rgba(220, 20, 60, .07);--ambient-b: rgba(255, 77, 109, .05);--ambient-c: rgba(32, 22, 12, .03);--grid-line-a: rgba(32, 22, 12, .05);--grid-line-b: rgba(32, 22, 12, .035);--grid-opacity: .35}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f6f3ef;--bg1: #f0ebe5;--bg2: #e7dfd7;--border: rgba(32, 22, 12, .14);--border-hi: rgba(220, 20, 60, .4);--accent-border: rgba(220, 20, 60, .34);--accent2-border: rgba(255, 77, 109, .34);--text: #1f1a16;--muted: #574e46;--muted2: #8b8077;--nav-bg: rgba(246, 243, 239, .9);--ambient-a: rgba(220, 20, 60, .07);--ambient-b: rgba(255, 77, 109, .05);--ambient-c: rgba(32, 22, 12, .03);--grid-line-a: rgba(32, 22, 12, .05);--grid-line-b: rgba(32, 22, 12, .035);--grid-opacity: .35}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;position:relative;overflow-x:hidden;transition:background .3s ease,color .3s ease}#root{position:relative;z-index:1}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{z-index:-2;background:radial-gradient(60% 45% at 10% 15%,var(--ambient-a),transparent 70%),radial-gradient(40% 30% at 85% 75%,var(--ambient-b),transparent 72%),radial-gradient(100% 100% at 50% 50%,var(--ambient-c),transparent 80%);filter:saturate(110%);animation:bgDrift 24s ease-in-out infinite alternate}body:after{z-index:-1;background-image:linear-gradient(var(--grid-line-a) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-b) 1px,transparent 1px);background-size:72px 72px;opacity:var(--grid-opacity);-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 85%);mask-image:radial-gradient(circle at center,black 35%,transparent 85%)}a,button,input,textarea,select{transition:background-color .2s ease,border-color .2s ease,color .2s ease}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes heroReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bgDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-1.5%,1%,0) scale(1.03)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#about{transform:translateZ(0);will-change:transform}