@font-face{font-family:Lobster;src:url('Lobster-Regular.ttf')}@font-face{font-family:Bangers;src:url('Bangers-Regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#fff2e8;color:#49102d;font:17px/1.65 system-ui,sans-serif}a{color:#86294b;text-underline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px}header a{font-family:Lobster;font-size:32px;text-decoration:none}nav{display:flex;gap:22px;font-size:14px}nav a{font:inherit}h1,h2{line-height:1.1}h1{font-family:Bangers;font-weight:400;font-size:clamp(56px,9vw,104px);letter-spacing:1px;margin:22px 0}h2{font-family:Bangers;font-size:35px;font-weight:400}p{max-width:70ch}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px;padding:60px 0}.hero img{width:100%;border-radius:26%;box-shadow:0 20px 65px #ad586933;transform:rotate(4deg)}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:3px}.button{display:inline-block;padding:14px 24px;border-radius:99px;background:#49102d;color:#fff2e8;text-decoration:none;font-weight:700}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.card{padding:28px;border:2px solid #fff;border-radius:28px;background:linear-gradient(140deg,#ffdedc,#fff4e9);box-shadow:0 6px 12px #a54d4820}.card.dark{background:#25272c;color:#fff1db}.tag{display:inline-block;font-size:12px;padding:5px 12px;background:#ffffff80;border-radius:99px;font-weight:700}.legal{max-width:800px}.legal h1{font-size:64px}.legal h2{font-family:inherit;font-size:24px;margin-top:34px}.legal li{margin:9px 0}footer{border-top:1px solid #e4b4b5;font-size:13px;margin-top:50px;display:flex;justify-content:space-between;gap:18px}footer div{display:flex;flex-wrap:wrap;gap:18px}@media(max-width:650px){.hero{grid-template-columns:1fr;padding:25px 0;gap:25px}.hero img{width:160px;grid-row:1;transform:rotate(-4deg)}.cards{grid-template-columns:1fr}header{align-items:start}nav{gap:12px;flex-wrap:wrap}footer{display:block}h1{font-size:64px}}@media(prefers-reduced-motion:no-preference){.hero img{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px) rotate(0)}}}
