: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,#7e53c9,#8e5fd1 38%,#6c3db0);overflow-x:hidden}.page{position:relative;width:min(960px,92vw);margin:2rem auto;z-index:1}.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%,#ccb7ff 0) 0 0 /32px 32px no-repeat,conic-gradient(from 180deg at top right,transparent 90%,#ccb7ff 0) 100% 0 /32px 32px no-repeat,conic-gradient(from 0deg at bottom left,transparent 90%,#ccb7ff 0) 0 100% /32px 32px no-repeat,conic-gradient(from -90deg at bottom right,transparent 90%,#ccb7ff 0) 100% 100% /32px 32px no-repeat,#f2edff}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}@media (max-width:760px){.hero{grid-template-columns:1fr;text-align:center}.intro{padding-right:0}}