.design-preview{--design-ease-out:cubic-bezier(.23, 1, .32, 1);--lp-ink:#171717;--lp-muted:#5d6157;--lp-line:#dcdcd4;--lp-canvas:#f3f3ee;--lp-night:#24251f;--lp-blue:#06f;--lp-green:#00b449;--lp-red:#b3261e;min-height:100dvh;color:var(--lp-ink);overflow-wrap:break-word;background:#fff;flex-direction:column;display:flex}.design-preview svg{flex-shrink:0;display:block}.design-preview section[id]{scroll-margin-top:16px}.design-preview button,.design-preview a{touch-action:manipulation}.design-preview .lp-wrap{width:calc(100% - 80px);max-width:1240px;margin-inline:auto}.design-preview .lp-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.design-preview .design-button{white-space:nowrap;border:1px solid var(--lp-ink);background:var(--lp-ink);color:#fff;min-height:44px;transition:transform .16s var(--design-ease-out), background-color .16s ease, color .16s ease;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.design-preview .design-button-large{min-height:54px;padding:14px 26px;font-size:16px}.design-preview .design-button:active{transform:scale(.98)}.design-preview .design-button:disabled{opacity:.55}.design-preview .lp-text-button{min-height:40px;color:var(--lp-ink);text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:14px;font-weight:550;text-decoration:underline;display:inline-flex}.design-preview .lp-header{justify-content:space-between;align-items:center;gap:20px;height:84px;display:flex}.design-preview .lp-brand{align-items:center;gap:16px;text-decoration:none;display:flex}.design-preview .lp-brand img{width:109px;height:auto}.design-preview .lp-brand-rule{background:#cecfc7;width:1px;height:30px}.design-preview .lp-brand-caption{font-size:11px;font-weight:600;line-height:1.35}.design-preview .lp-hero{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy raffle""rules raffle";align-items:start;gap:40px 64px;padding-block:48px 96px;display:grid}.design-preview .lp-hero-copy{grid-area:copy}.design-preview .lp-rules{grid-area:rules}.design-preview .lp-raffle{grid-area:raffle}.design-preview .lp-kicker{border:1px solid var(--lp-line);color:#33352f;border-radius:999px;align-items:center;gap:10px;margin:0 0 28px;padding:8px 14px;font-size:14px;display:inline-flex}.design-preview .lp-kicker svg{width:16px;height:16px}.design-preview .lp-title{letter-spacing:-.055em;margin:0;font-size:clamp(52px,5.6vw,88px);font-weight:640;line-height:.94}.design-preview .lp-lead{max-width:38ch;color:var(--lp-muted);margin:26px 0 0;font-size:19px;line-height:1.55}.design-preview .lp-rules h2{letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted);margin:0 0 16px;font-size:13px;font-weight:600}.design-preview .lp-rules ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.design-preview .lp-rule{border-radius:20px;grid-template-columns:36px 1fr;align-items:start;gap:10px 14px;padding:22px 120px 22px 22px;display:grid;position:relative;overflow:hidden}.design-preview .lp-rule-1{background:var(--lp-blue);color:#fff}.design-preview .lp-rule-2{background:var(--lp-green);color:#0b0b0a}.design-preview .lp-rule-3{background:var(--lp-night);color:#f6f6ef}.design-preview .lp-rule-number{width:36px;height:36px;color:var(--lp-ink);background:#fff;border-radius:999px;place-items:center;font-size:14px;font-weight:650;display:grid}.design-preview .lp-rule strong{letter-spacing:-.02em;padding-top:6px;font-size:19px;font-weight:600;line-height:1.3}.design-preview .lp-hashtag-inline{color:var(--lp-green)}.design-preview .lp-handles{z-index:1;flex-wrap:wrap;grid-column:2;gap:6px;display:flex;position:relative}.design-preview .lp-handles a{min-height:32px;color:inherit;background:#ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:4px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .14s;display:inline-flex}.design-preview .lp-rule-2 .lp-handles a{background:#0b0b0a1a}.design-preview .lp-rule-face{width:118px;height:118px;transition:transform .36s var(--design-ease-out);position:absolute;bottom:-26px;right:-22px}.design-preview .lp-rule-face svg{width:100%;height:100%}.design-preview .lp-rules-note{color:var(--lp-muted);margin:18px 0 0;font-size:14px}.design-preview .lp-raffle{align-self:stretch;margin-top:-132px}.design-preview .lp-raffle-sticky{align-items:center;min-height:100dvh;padding-block:48px;display:flex;position:sticky;top:0}.design-preview .lp-raffle-card{width:100%;position:relative}.design-preview .lp-raffle-faces{z-index:1;pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:-34px;right:18px}.design-preview .lp-raffle-faces svg{width:64px;height:64px}.design-preview .lp-raffle-faces svg:last-child{width:30px;height:30px}.design-preview .lp-panel{border:1px solid var(--lp-line);background:#fff;border-radius:20px;padding:32px;position:relative;box-shadow:0 30px 70px #2a2c2014,0 4px 14px #2a2c200d}.design-preview .lp-panel h2{letter-spacing:-.035em;margin:0;font-size:26px;font-weight:620;line-height:1.15}.design-preview .lp-panel-signin{background:var(--lp-canvas);box-shadow:none;border-color:#0000;justify-items:start;gap:14px;padding-top:40px;display:grid}.design-preview .lp-panel-signin p{max-width:36ch;color:var(--lp-muted);margin:0 0 8px;font-size:16px;line-height:1.55}.design-preview .lp-panel-status{color:var(--lp-muted);margin:24px 0 0;font-size:15px}.design-preview .lp-panel-status p{margin:0}.design-preview .lp-account{border-bottom:1px solid var(--lp-line);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.design-preview .lp-account img{border-radius:999px;width:36px;height:36px}.design-preview .lp-account>span{flex:1;min-width:0;line-height:1.3;display:grid}.design-preview .lp-account strong{font-size:15px;font-weight:600}.design-preview .lp-account small{color:var(--lp-muted);font-size:13px}.design-preview .lp-form-help{color:var(--lp-muted);margin:8px 0 18px;font-size:15px}.design-preview .lp-links{gap:10px;margin:0;padding:0;list-style:none;display:grid}.design-preview .lp-link-field{background:#fff;border:1px solid #cfd0c6;border-radius:10px;align-items:center;gap:6px;min-height:52px;padding:0 6px 0 14px;transition:border-color .14s;display:flex}.design-preview .lp-link-field:focus-within{border-color:var(--lp-ink)}.design-preview .lp-link-field[data-invalid=true]{border-color:var(--lp-red)}.design-preview .lp-link-field input{min-width:0;height:50px;color:var(--lp-ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.design-preview .lp-link-field input::placeholder{color:#9a9d92}.design-preview .lp-platform{color:#0b6b30;white-space:nowrap;background:#e3f6ea;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.design-preview .lp-remove{width:40px;height:40px;color:var(--lp-muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.design-preview .lp-add{margin-top:10px}.design-preview .lp-confirm{color:#33352f;cursor:pointer;grid-template-columns:22px 1fr;align-items:start;gap:12px;margin:22px 0;font-size:14px;line-height:1.5;display:grid}.design-preview .lp-confirm input{width:20px;height:20px;accent-color:var(--lp-ink);margin:1px 0 0}.design-preview .lp-submit{width:100%}.design-preview .lp-error{color:var(--lp-red);margin:6px 0 0;font-size:13px;line-height:1.45}.design-preview .lp-success{color:#0b5a29;background:#e3f6ea;border-radius:12px;margin:14px 0 0;padding:12px 16px;font-size:15px;font-weight:550}.design-preview .lp-form>.lp-error{margin-top:14px;font-size:14px}.design-preview .lp-closing{border-top:1px solid var(--lp-line)}.design-preview .lp-closing>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-block:72px 80px;display:flex}.design-preview .lp-hashtag{letter-spacing:-.062em;white-space:nowrap;margin:0;font-size:clamp(48px,7vw,104px);font-weight:660;line-height:.9;display:grid}.design-preview .lp-hash{color:var(--lp-green);margin-right:.02em}.design-preview .lp-hashtag-o{vertical-align:-.02em;width:.62em;height:.62em;margin:0 .025em 0 .02em;display:inline-block}.design-preview .lp-hashtag-o svg{width:100%;height:100%}.design-preview .lp-closing-faces{align-items:center;display:flex}.design-preview .lp-closing-faces svg{width:104px;height:104px;margin-left:-14px}.design-preview .lp-closing-faces svg:last-child{align-self:flex-start;width:44px;height:44px;margin-left:8px}.design-preview .lp-footer{background:var(--lp-night);color:#f8f9f1}.design-preview .lp-footer>div{flex-wrap:wrap;align-items:center;gap:32px;padding-block:28px;display:flex}.design-preview .lp-footer-org{align-items:center;gap:14px;text-decoration:none;display:flex}.design-preview .lp-footer-org span{color:#c1c4b8;font-size:12px}.design-preview .lp-footer-org img{width:120px;height:auto}.design-preview .lp-footer-faces{align-items:center;gap:8px;display:flex}.design-preview .lp-footer-faces svg{width:36px;height:36px}.design-preview .lp-footer-faces svg:last-child{width:26px;height:26px}.design-preview .lp-footer p{color:#c3c6b9;margin:0 0 0 auto;font-size:12px}@media (prefers-reduced-motion:no-preference){.design-preview .lp-hero-copy>*,.design-preview .lp-raffle{animation:lp-rise .7s var(--design-ease-out) both}.design-preview .lp-hero-copy>:nth-child(2){animation-delay:60ms}.design-preview .lp-hero-copy>:nth-child(3){animation-delay:.12s}.design-preview .lp-hero-copy>:nth-child(4){animation-delay:.18s}.design-preview .lp-raffle{animation-delay:.22s}.design-preview .lp-raffle-faces svg{animation:4s ease-in-out infinite lp-bob}.design-preview .lp-raffle-faces svg:nth-child(2){animation-delay:-1.3s}.design-preview .lp-raffle-faces svg:nth-child(3){animation-delay:-2.6s}}@keyframes lp-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes lp-bob{50%{transform:translateY(-6px)rotate(4deg)}}@media (hover:hover) and (pointer:fine){.design-preview .design-button:not(:disabled):hover{background:#3a3b34;border-color:#3a3b34}.design-preview .lp-handles a:hover{background:#ffffff4d}.design-preview .lp-rule-2 .lp-handles a:hover{background:#0b0b0a2e}.design-preview .lp-rule:hover .lp-rule-face{transform:rotate(-8deg)translate(-6px,-6px)}.design-preview .lp-remove:hover{background:var(--lp-canvas);color:var(--lp-ink)}}@media (prefers-reduced-motion:reduce){.design-preview .design-button{transition:none}.design-preview .design-button:active{transform:none}}@media (width<=1050px){.design-preview .lp-hero{grid-template-columns:1fr;grid-template-areas:"copy""raffle""rules";gap:56px;padding-block:24px 72px}.design-preview .lp-raffle{max-width:620px;margin-top:0}.design-preview .lp-raffle-sticky{min-height:0;padding-block:0;display:block;position:static}}@media (width<=767px){.design-preview .lp-wrap{width:calc(100% - 32px)}.design-preview .lp-header{height:68px}.design-preview .lp-brand-rule,.design-preview .lp-brand-caption{display:none}.design-preview .lp-hero{gap:40px;padding-block:12px 56px}.design-preview .lp-kicker{margin-bottom:22px;padding:7px 12px;font-size:13px}.design-preview .lp-lead{margin:20px 0 0;font-size:17px}.design-preview .lp-panel{padding:22px 18px}.design-preview .lp-panel-signin .design-button{width:100%}.design-preview .lp-footer>div{gap:20px 28px}.design-preview .lp-footer p{margin-left:0}.design-preview .lp-rule{gap:10px 12px;padding:18px 84px 18px 16px}.design-preview .lp-rule strong{font-size:17px}.design-preview .lp-rule-face{width:92px;height:92px;bottom:-22px;right:-20px}.design-preview .lp-raffle{margin-top:20px}.design-preview .lp-raffle-faces svg{width:52px;height:52px}.design-preview .lp-closing>div{padding-block:56px 64px}.design-preview .lp-hashtag{font-size:clamp(42px,13vw,72px)}.design-preview .lp-closing-faces svg{width:72px;height:72px}}
