:root{--ink:#3d2540;--soft:#79556f;--bg:#fff8fa;--rose:#f8c6d7;--hot:#9f3468;--line:#efd4de;--cream:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Trebuchet MS",system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:3px solid var(--hot);outline-offset:4px}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.bar,footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:900;letter-spacing:-.06em}.logo i{width:16px;height:16px;background:#d969a0;box-shadow:4px 4px #f6b8ce;clip-path:polygon(25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%,0 25%,25% 25%)}nav{display:flex;gap:24px;color:var(--soft)}.community{color:var(--hot);font-weight:bold}.hero{padding:clamp(24px,5.5vw,66px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:440px;overflow:hidden;border:1px solid #efd0de;border-radius:30px;background:#fae1eb;box-shadow:0 6px 0 #efd0de}.label{margin:0;color:var(--hot);font-size:14px;font-weight:bold}.hero h1{font-size:clamp(44px,6.2vw,82px);letter-spacing:-.075em;line-height:.99;margin:15px 0 20px}.lead{color:var(--soft);max-width:39ch;margin:0 0 26px}.button{display:inline-flex;align-items:center;gap:15px;background:var(--hot);color:white;border-radius:11px;padding:11px 16px;font-weight:bold;transition:background .25s ease-in-out,transform .25s ease-in-out}.button:hover{background:#802451;transform:translateY(-2px)}.illustration svg{display:block;width:100%;max-height:330px;overflow:visible;animation:arrive .65s cubic-bezier(.2,.7,.2,1) both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}h2{font-size:clamp(32px,4.8vw,50px);letter-spacing:-.06em;line-height:1;margin:0}.catalog{margin:60px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.empty{border:1px dashed #dbafc1;border-radius:18px;padding:35px 16px;text-align:center;background:var(--cream)}.empty svg{width:33px;fill:none;stroke:var(--hot);stroke-width:1.4;stroke-linejoin:round}.empty h3{margin:8px 0 2px}.empty p{margin:0;color:var(--soft)}.rewards{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:clamp(18px,4vw,42px);background:#fbeaf1;border:1px solid var(--line);border-radius:24px}.rewards h2{margin:7px 0 18px}.rewards dl{margin:0}.rewards dl div{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}dt{font-size:22px;font-weight:bold;color:var(--hot)}dd{margin:0}.rewards p,small{color:var(--soft)}form{background:var(--cream);border-radius:16px;padding:18px;border:1px solid var(--line)}form h3,form p{margin:0 0 6px}.inputs{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;margin:12px 0}input{width:100%;border:1px solid #d8a9be;border-radius:8px;background:#fff;color:var(--ink);padding:6px;font:inherit}output{display:block;padding:8px 0;color:var(--hot);font-weight:bold}footer{margin-top:35px;color:var(--soft);border-top:1px solid var(--line)}@media(max-width:650px){.wrap{width:calc(100% - 28px)}.hero,.rewards{grid-template-columns:1fr}.illustration svg{max-height:235px}.bar nav{gap:10px}.bar{gap:10px}.catalog{margin:42px 0}footer{flex-wrap:wrap;padding-block:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.illustration svg{animation:none}.button{transition:none}.button:hover{transform:none}}