:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#ff578f,transparent);overflow-x:hidden}.page{position:relative;width:min(960px,92vw);margin:2rem auto;z-index:1}.butterfly-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.butterfly{position:absolute;line-height:1;width:var(--size,24px);height:var(--size,24px);display:inline-block;filter:saturate(1.1) brightness(1.12);animation-name:butterfly-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:0s}.butterfly-image{position:relative;display:block;width:100%;aspect-ratio:1/1}.butterfly-image img{object-fit:contain}.hero{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 320px;align-items:center;padding:1.5rem;border:14px solid transparent;border-radius:16px;background:conic-gradient(from 90deg at top left,transparent 90%,#f6a5be 0) 0 0 /32px 32px no-repeat,conic-gradient(from 180deg at top right,transparent 90%,#f6a5be 0) 100% 0 /32px 32px no-repeat,conic-gradient(from 0deg at bottom left,transparent 90%,#f6a5be 0) 0 100% /32px 32px no-repeat,conic-gradient(from -90deg at bottom right,transparent 90%,#f6a5be 0) 100% 100% /32px 32px no-repeat,#ffe1ea}h1{margin-top:0;font-size:clamp(2rem,5vw,3rem)}p{font-size:clamp(1.1rem,3vw,1.4rem);margin:.75rem 0}.intro{padding-right:1rem}.avatar{border-radius:18px}.butterfly-sparkle{display:none}@keyframes butterfly-float{0%{transform:translateZ(0) rotate(-35deg) scale(var(--scale));opacity:0}15%{opacity:.55}50%{transform:translate3d(var(--drift),calc(-45vh + var(--bob)),0) rotate(-27deg) scale(var(--scale));opacity:1}75%{transform:translate3d(calc(var(--drift) * -.4),-65vh,0) rotate(-43deg) scale(var(--scale));opacity:.95}to{transform:translate3d(0,-90vh,0) rotate(-35deg) scale(var(--scale));opacity:0}}@media (max-width:760px){.hero{grid-template-columns:1fr;text-align:center}.intro{padding-right:0}}