:root{--bg-950: #02040a;--bg-900: #0c1423;--text-100: #e7f4ff;--text-300: #8ea7bc;--accent-sky: #7ccbff;--accent-mint: #7ce3c3;--accent-coral: #ff7a66;--font-display: "Space Grotesk", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--portrait-size: clamp(200px, 30vw, 300px);--gap-section: clamp(1.75rem, 4vw, 2.75rem);--link-btn-size: 48px;--link-icon-size: 20px;--mouse-x: 50%;--mouse-y: 50%}.light-theme{--bg-950: #ffffff;--bg-900: #f5f7fa;--text-100: #0a0a0a;--text-300: #4a5568;--accent-sky: #007acc;--accent-mint: #009b8d;--accent-coral: #ff3b2f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;color-scheme:dark}body{min-height:100%;min-height:100dvh;background-color:var(--bg-950);color:var(--text-100);font-family:var(--font-display);display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(124,203,255,.12) 0%,transparent 45%),radial-gradient(circle at 50% 38%,var(--bg-900) 0%,transparent 70%);pointer-events:none;z-index:0;animation:var(--bg-animation, ambientMove 10s ease-in-out infinite alternate)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) .5px,transparent .5px),linear-gradient(#12101000 50%,#0000001a 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:4px 4px,100% 4px,200px 200px;opacity:.04;pointer-events:none;z-index:0}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--gap-section);padding:3rem 1.5rem;text-align:center;width:100%;max-width:480px;animation:fadeSlideUp .65s cubic-bezier(.16,1,.3,1) both}.portrait-block{animation:float 10s ease-in-out infinite}.portrait{position:relative;width:var(--portrait-size);height:var(--portrait-size);border-radius:50%;overflow:hidden;isolation:isolate;background-color:var(--bg-900);box-shadow:0 0 0 1.5px #7ccbff8c,0 0 20px #7ccbff47,0 0 60px #7ccbff1f,0 16px 48px #050816bf}.portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;animation:portraitGlitch 3.2s steps(1) infinite}.portrait-sunglasses{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .3s ease}.light-theme .portrait-sunglasses{opacity:1}.portrait-slice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:url(/assets/profile-rasKDuyY.png);background-size:cover;background-position:center;clip-path:polygon(0 45%,100% 45%,100% 58%,0 58%);opacity:0;animation:portraitSlice 3.2s steps(1) infinite}.portrait-noise{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:4;pointer-events:none;background-size:170px 170px;animation:portraitNoise .45s steps(10) infinite}.portrait-noise--dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.4 -0.4'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.45}.portrait-noise--light{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' stitchTiles='stitch' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -0.6'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen;opacity:.3;animation-direction:reverse}.portrait-tape{position:absolute;left:-10%;right:-10%;height:10px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(124,203,255,.28) 40%,rgba(255,122,102,.22) 60%,transparent);mix-blend-mode:screen;animation:portraitTape 6s linear infinite}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}.identity-block{display:flex;flex-direction:column;align-items:center;gap:.5rem}.name{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,9vw,3.75rem);letter-spacing:-.03em;color:var(--accent-sky);line-height:1}.microcopy{font-family:var(--font-mono);font-size:clamp(.7rem,2.2vw,.8125rem);color:var(--text-300);line-height:1.65}.typing-cursor{display:inline-block;color:var(--accent-sky);font-weight:300;margin-left:2px;animation:cursorFadeOut .5s ease-out .2s both}.handle{display:block;color:var(--text-100);opacity:.85}.links-block,.microcopy,.wishlist-pill{transition:opacity .5s ease-out}.links-block.is-typing,.microcopy.is-typing,.name.is-typing,.wishlist-pill.is-typing{opacity:0;pointer-events:none}.links-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.link-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--link-btn-size);height:var(--link-btn-size);border-radius:50%;background-color:var(--bg-900);border:1px solid rgba(124,203,255,.12);text-decoration:none;cursor:pointer;position:relative;transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.link-btn:hover{border-color:#7ccbff59;box-shadow:0 0 20px #7ccbff1f;transform:translateY(-3px)}.link-btn:focus-visible{outline:2px solid var(--accent-sky);outline-offset:4px}.link-icon{display:block;width:var(--link-icon-size);height:var(--link-icon-size);background-color:var(--icon-bg, var(--text-100));-webkit-mask-image:var(--icon-mask);mask-image:var(--icon-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .2s ease-out;flex-shrink:0}.link-btn:hover .link-icon,.link-btn:focus-visible .link-icon{background-color:var(--icon-bg-hover, var(--accent-sky))}.wishlist-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-100);text-decoration:none;background-color:var(--bg-900);border:1.5px solid rgba(124,227,195,.25);border-radius:9999px;padding:.5rem 1.3rem;cursor:pointer;transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out,color .2s ease-out}.wishlist-pill:hover{border-color:#7ce3c38c;box-shadow:0 0 20px #7ce3c324;color:var(--accent-mint);transform:translateY(-2px)}.wishlist-pill:focus-visible{outline:2px solid var(--accent-mint);outline-offset:4px}.pill-glyph{color:var(--accent-mint)}#glitch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-950);pointer-events:none;z-index:9999;opacity:0}#glitch-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#7ccbff2e;opacity:0;transform:translate(0)}#glitch-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff7a662e;opacity:0;transform:translate(0)}#glitch-overlay.glitch-enter{animation:glitchEnter .5s steps(1) forwards}#glitch-overlay.glitch-enter:before{animation:glitchSky .5s steps(1) forwards}#glitch-overlay.glitch-enter:after{animation:glitchCoral .5s steps(1) forwards}#glitch-overlay.glitch-exit{animation:glitchExit .35s steps(1) forwards}#glitch-overlay.glitch-exit:before{animation:glitchSky .35s steps(1) forwards}#glitch-overlay.glitch-exit:after{animation:glitchCoral .35s steps(1) forwards}@keyframes glitchEnter{0%{opacity:.95}10%{opacity:.2}12%{opacity:.85}18%{opacity:0}20%{opacity:.6}26%{opacity:0}30%{opacity:.3}36%{opacity:0}to{opacity:0}}@keyframes glitchExit{0%{opacity:0}20%{opacity:0}22%{opacity:.7}26%{opacity:.1}40%{opacity:.9}50%{opacity:.3}60%{opacity:1}to{opacity:1}}@keyframes glitchSky{0%,to{opacity:0;transform:translate(0)}12%{opacity:.8;transform:translate(-4px)}18%{opacity:0}20%{opacity:.6;transform:translate(3px)}26%{opacity:0;transform:translate(0)}}@keyframes glitchCoral{0%,to{opacity:0;transform:translate(0)}12%{opacity:.6;transform:translate(4px)}18%{opacity:0}20%{opacity:.5;transform:translate(-3px)}26%{opacity:0;transform:translate(0)}}.glitch-text{position:relative;animation:glitch 4s steps(1) infinite;-webkit-user-select:none;user-select:none}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,0 0,0 0,0 0)}.glitch-text:before{color:var(--accent-coral);animation:glitch-before 4s steps(1) infinite;left:2px}.glitch-text:after{color:var(--accent-mint);animation:glitch-after 4s steps(1) infinite;left:-2px}@keyframes glitch{0%,90%,to{text-shadow:none}91%{text-shadow:3px 0 var(--accent-coral),-3px 0 var(--accent-mint)}93%{text-shadow:-3px 0 var(--accent-coral),3px 0 var(--accent-mint)}95%{text-shadow:3px 0 var(--accent-coral),-3px 0 var(--accent-mint)}97%{text-shadow:none}}@keyframes glitch-before{0%,90%,to{clip-path:polygon(0 0,0 0,0 0,0 0);transform:none}91%{clip-path:polygon(0 20%,100% 20%,100% 45%,0 45%);transform:translate(-3px)}93%{clip-path:polygon(0 55%,100% 55%,100% 75%,0 75%);transform:translate(3px)}95%{clip-path:polygon(0 10%,100% 10%,100% 30%,0 30%);transform:translate(-2px)}97%{clip-path:polygon(0 0,0 0,0 0,0 0);transform:none}}@keyframes glitch-after{0%,90%,to{clip-path:polygon(0 0,0 0,0 0,0 0);transform:none}91%{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translate(3px)}93%{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translate(-3px)}95%{clip-path:polygon(0 70%,100% 70%,100% 90%,0 90%);transform:translate(2px)}97%{clip-path:polygon(0 0,0 0,0 0,0 0);transform:none}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cursorFadeOut{0%{opacity:1}to{opacity:0}}@keyframes ambientMove{0%{--mouse-x: 30%;--mouse-y: 30%}50%{--mouse-x: 70%;--mouse-y: 60%}to{--mouse-x: 40%;--mouse-y: 80%}}@keyframes portraitGlitch{0%,88%,to{transform:translate(0);filter:none}89%{transform:translate(-6px,1px);filter:hue-rotate(30deg) saturate(1.8) contrast(1.2)}90%{transform:translate(6px,-2px);filter:hue-rotate(-30deg) saturate(1.8) contrast(1.2)}91%{transform:translate(-3px,2px);filter:brightness(1.4)}92%{transform:translate(0);filter:none}}@keyframes portraitSlice{0%,88%,to{opacity:0;transform:translate(0)}89%{opacity:1;transform:translate(10px)}90%{opacity:1;transform:translate(-10px)}91%{opacity:.7;transform:translate(6px)}92%{opacity:0;transform:translate(0)}}@keyframes portraitNoise{0%{transform:translate(0)}10%{transform:translate(-7%,-4%)}20%{transform:translate(4%,8%)}30%{transform:translate(-8%,5%)}40%{transform:translate(5%,-6%)}50%{transform:translate(-6%,7%)}60%{transform:translate(8%,-3%)}70%{transform:translate(-5%,-7%)}80%{transform:translate(6%,4%)}90%{transform:translate(-3%,-8%)}to{transform:translate(0)}}@keyframes portraitTape{0%{top:-10%;opacity:0}5%{opacity:1}95%{opacity:1}to{top:110%;opacity:0}}@media (prefers-reduced-motion: reduce){.page{animation:none;opacity:1;transform:none}.portrait-block{animation:none}.link-btn,.link-icon,.links-block,.microcopy,.wishlist-pill{transition:none}.typing-cursor{animation:none}#glitch-overlay{display:none}.glitch-text{animation:none}.glitch-text:before,.glitch-text:after{display:none}.portrait-img{animation:none}.portrait-slice,.portrait-noise,.portrait-tape{display:none}}.top-controls{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;z-index:1000}.lang-selector{display:flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.75rem}.lang-selector button{background:transparent;border:1px solid rgba(124,203,255,.2);border-radius:4px;padding:.35rem .55rem;color:var(--text-300);cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease;font-family:inherit;font-size:inherit;line-height:1}.lang-selector button:hover{border-color:#7ccbff80;color:var(--text-100)}.lang-selector button:focus-visible{outline:2px solid var(--accent-sky);outline-offset:2px}.lang-selector button.lang-active{border-color:#7ccbff8c;color:var(--accent-sky);background-color:#7ccbff14}.lang-selector button.lang-inactive{opacity:.6}.light-theme .lang-selector button{border-color:#00000026;color:var(--text-300)}.light-theme .lang-selector button:hover{border-color:#00000059;color:var(--text-100)}.light-theme .lang-selector button.lang-active{border-color:#007acc8c;color:var(--accent-sky);background-color:#007acc14}.theme-toggle-btn{width:80px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent-sky);outline-offset:4px}.theme-toggle-track{position:relative;width:100%;height:100%;border-radius:9999px;background-color:var(--bg-900);transition:background-color .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;align-items:center;box-shadow:0 0 10px #7ccbff4d}.theme-toggle-thumb{position:absolute;top:4px;left:4px;width:36px;height:36px;border-radius:50%;background-color:var(--text-100);transition:transform .3s ease;z-index:2}.theme-toggle-icon{position:absolute;width:18px;height:18px;z-index:1;pointer-events:none;transition:opacity .3s ease}.theme-toggle-icon svg{width:100%;height:100%;display:block}.theme-toggle-icon--sun{left:11px;opacity:0;color:var(--text-100)}.theme-toggle-icon--moon{right:11px;opacity:1;color:var(--text-100)}.light-theme .theme-toggle-track{background-color:#fff;box-shadow:inset 0 0 0 2px var(--accent-sky),0 0 10px #007acc1a}.light-theme .theme-toggle-thumb{transform:translate(36px);background-color:var(--accent-sky)}.light-theme .theme-toggle-icon--sun{opacity:1;color:orange}.light-theme .theme-toggle-icon--moon{opacity:0}@media (max-width: 400px){:root{--link-btn-size: 44px}.name{letter-spacing:-.02em}}