*{box-sizing:border-box}body{margin:0;background:#f6f4fb;color:#28223e;font:16px system-ui,-apple-system,sans-serif}header{background:#25163f;color:white;padding:16px max(16px,calc((100vw - 1140px)/2));display:flex;justify-content:space-between;gap:12px;align-items:center}header a{color:white;text-decoration:none}main{max-width:1140px;margin:auto;padding:22px}.intro{padding:25px;background:linear-gradient(110deg,#342057,#7c4ab7);color:white;border-radius:20px}.intro h1{font-size:clamp(30px,5vw,48px);margin:10px 0}.intro p{max-width:650px;line-height:1.5}.eyebrow{font-size:12px;letter-spacing:2px}.layout{display:grid;grid-template-columns:1fr 300px;gap:22px;margin-top:25px}h2{font-size:22px}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.avatar{background:white;border:2px solid transparent;border-radius:16px;padding:7px;cursor:pointer;color:#35234d;box-shadow:0 2px 12px #2e194012}.avatar[aria-checked=true]{border-color:#8651d7;background:#eee4ff}.avatar img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:11px}.avatar b{display:block;padding:5px 0}aside{background:white;border:1px solid #e4daef;border-radius:20px;padding:18px;height:max-content;position:sticky;top:12px}aside img{display:block;width:min(100%,270px);height:auto;margin:auto;border-radius:15px}button{border:0;border-radius:11px;background:#6636af;color:white;font:inherit;font-weight:700;padding:14px 15px;cursor:pointer;margin-top:9px;width:100%}button.outline{background:#f1eaf9;color:#4a2d75}small{display:block;margin-top:14px;line-height:1.6;color:#645c72}.tip{background:white;border-radius:18px;padding:16px 22px;margin-top:20px}@media(max-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}aside{position:static}}@media(max-width:480px){.gallery{grid-template-columns:repeat(2,1fr)}header span{display:none}}