*{box-sizing:border-box}body{color:#171717;background:#fff;margin:0;font-family:"Source Sans 3",Arial,sans-serif}main{flex-direction:column;justify-content:center;align-items:center;gap:44px;width:min(920px,100% - 40px);min-height:100svh;margin:0 auto;padding:56px 0;display:flex}h1{letter-spacing:-.085em;text-align:center;margin:0;font-size:clamp(54px,10vw,128px);font-weight:950;line-height:.86}h1 span{color:#ee719e}input{display:none}.photo{aspect-ratio:1;border-radius:50%;width:min(420px,76vw);overflow:hidden}.photo canvas{border-radius:50%;width:100%;height:100%;display:block}.actions{align-items:center;gap:12px;display:flex}button{height:58px;font:inherit;cursor:pointer;border-radius:999px;padding:0 28px;font-size:15px;font-weight:800;transition:transform .15s}button:hover{transform:translateY(-2px)}button:focus-visible{outline-offset:3px;outline:3px solid #ee719e73}.primary{color:#fff;background:#171717;border:1px solid #171717}.secondary{color:#171717;background:#fff;border:1px solid #d9d9d9}@media (max-width:520px){main{gap:34px;padding:36px 0}h1{font-size:16.5vw}.actions{flex-direction:column;width:100%}button{width:100%}}@media (prefers-reduced-motion:reduce){button{transition:none}}