:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f9f4d3;background:#060710;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(circle at 18% 24%,rgba(254,211,103,.16),transparent 10%),radial-gradient(circle at 72% 35%,rgba(108,92,231,.42),transparent 24%),radial-gradient(circle at 38% 70%,rgba(17,138,178,.22),transparent 22%),linear-gradient(135deg,#03040a,#10102a 46%,#080813)}.page:before,.page:after{content:"";position:fixed;inset:0;pointer-events:none}.page:before{left:50%;top:50%;width:2px;height:2px;opacity:.82;background:#fff8d8;border-radius:50%;box-shadow:-46vw -42vh #ffffffd9,-31vw -36vh 0 1px #ffe8aebf,-17vw -45vh #c2ddff9e,6vw -39vh #ffffffeb,28vw -44vh 0 1px #ffe8aead,43vw -31vh #c2ddffb3,-39vw -18vh #ffffff94,-24vw -9vh 0 1px #ffe8aed1,-6vw -23vh #ffffffb3,16vw -13vh #c2ddffa3,37vw -20vh 0 1px #ffffffb8,48vw -4vh #ffe8aeb3,-48vw 6vh 0 1px #c2ddff8c,-28vw 18vh #fffc,-12vw 8vh #ffe8aeb3,9vw 24vh 0 1px #ffffff9e,23vw 7vh #c2ddffc7,41vw 19vh #ffffffc2,-35vw 38vh #ffe8aea3,-18vw 43vh 0 1px #ffffffad,4vw 39vh #c2ddff94,32vw 36vh 0 1px #ffe8aecc,47vw 42vh #ffffffa8,-8vw -2vh #ffffff6b}.page:after{background:radial-gradient(ellipse at center,transparent 0%,transparent 48%,rgba(0,0,0,.42) 100%),linear-gradient(90deg,transparent 20%,rgba(255,255,255,.08),transparent 80%);mix-blend-mode:screen;opacity:.8}.scene{position:relative;z-index:1;width:min(100%,520px);min-height:420px;display:grid;place-items:center}.moon{width:clamp(150px,34vw,260px);aspect-ratio:1;border-radius:50%;background:#ffd85f;-webkit-mask:radial-gradient(circle at 70% 50%,transparent 0 46%,#000 47%);mask:radial-gradient(circle at 70% 50%,transparent 0 46%,#000 47%);transform:rotate(-25deg);box-shadow:0 0 34px #ffd85fc7,0 0 96px #ffc43f5c,inset -18px -14px 32px #b067162e}.mail{position:absolute;bottom:16px;left:50%;transform:translate(-50%);max-width:calc(100vw - 48px);color:#f9f4d3e6;font-size:clamp(.95rem,3vw,1.12rem);font-weight:600;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 1px 16px rgba(0,0,0,.78)}.mail:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:520px){.scene{min-height:360px}}