:root{--ink:#22203b;--muted:#777387;--purple:#6954e8;--light:#f4f1ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfbff;color:var(--ink);font-family:Arial,sans-serif}header,main,footer{max-width:1120px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;gap:10px;align-items:center;font-size:26px;font-weight:800;text-decoration:none;color:var(--ink)}.brand-icon{background:var(--purple);color:white;border-radius:13px;padding:9px;font-size:16px}.brand-dot{color:var(--purple)}.header-note{font-size:13px;color:var(--muted)}main{padding:0 30px}.hero{border-radius:32px;padding:54px;background:#eee9ff;display:flex;position:relative;min-height:390px;overflow:hidden}.hero-text{position:relative;z-index:1;flex:1}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:700;color:var(--purple)}h1{font-size:43px;line-height:1.13;letter-spacing:-1.5px;margin:20px 0}h1 span{color:var(--purple)}.hero p{max-width:445px;line-height:1.6;color:#665d80;font-size:15px}.hero-link{display:inline-flex;gap:24px;align-items:center;color:var(--purple);font-weight:700;text-decoration:none;margin-top:16px;font-size:14px}.hero-art{position:relative;flex:0 0 320px;min-height:265px}.orbit{position:absolute;border:1px solid #d6cef6;border-radius:50%;width:285px;height:285px;left:12px;top:0}.orbit.two{width:210px;height:210px;left:48px;top:38px}.gift{position:absolute;width:172px;height:180px;left:68px;top:55px;transform:rotate(-12deg);filter:drop-shadow(0 18px 16px #8576bd33)}.gift-box{position:absolute;left:10px;top:80px;width:151px;height:101px;background:#8a77ed;border-radius:0 0 13px 13px}.gift-lid{position:absolute;top:64px;left:0;width:172px;height:35px;background:#6851d5;border-radius:7px;z-index:2}.gift-ribbon{position:absolute;top:65px;left:70px;width:29px;height:116px;background:#ffd589;z-index:3}.gift-bow{position:absolute;width:67px;height:44px;top:24px;left:48px;border:12px solid #ffcb71;border-radius:60% 10%;transform:rotate(-30deg)}.gift-bow:after{content:'';position:absolute;width:48px;height:28px;border:12px solid #ffcb71;left:35px;top:19px;transform:rotate(95deg);border-radius:60% 10%}.star{position:absolute;color:#ad9dec;font-size:31px}.s1{left:16px;top:200px}.s2{right:10px;top:18px;font-size:40px}.coin{position:absolute;border-radius:50%;background:#ffdf9e;color:#896125;width:44px;height:44px;display:grid;place-items:center;font-size:20px;font-weight:bold;box-shadow:0 5px 0 #efc875}.c1{left:15px;top:35px;transform:rotate(-20deg)}.c2{right:6px;bottom:12px}.offers-section{padding-top:52px}.section-top{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;letter-spacing:-.5px;margin:0 0 12px}.section-top p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filters button{border:1px solid #e7e1f5;background:white;color:#7a728c;padding:11px 20px;border-radius:99px;font-size:13px;cursor:pointer}.filters button.selected{background:var(--purple);color:white;border-color:var(--purple)}button:focus-visible,a:focus-visible{outline:3px solid #b8aaf9;outline-offset:3px}.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.empty{grid-column:1/-1;text-align:center;background:white;border:1px solid #eae6f2;border-radius:22px;padding:48px 20px}.empty-icon{width:52px;height:52px;margin:auto auto 20px;border-radius:16px;background:var(--light);color:var(--purple);display:grid;place-items:center;font-size:26px}.empty h3{font-size:19px;margin-bottom:12px}.empty p{color:var(--muted);font-size:14px;line-height:1.6;max-width:490px;margin:auto}.offer-card{background:white;border:1px solid #e8e3f2;border-radius:23px;padding:23px;display:flex;flex-direction:column}.offer-identity{display:flex;gap:13px;align-items:center}.offer-logo{width:48px;height:48px;border-radius:14px;background:var(--light);display:grid;place-items:center;color:var(--purple);font-size:18px;font-weight:800}.offer-brand{font-weight:bold;font-size:15px}.offer-card h3{font-size:20px;line-height:1.3;margin:25px 0 10px}.offer-card p{font-size:13px;line-height:1.6;color:var(--muted);flex:1}.offer-action{display:block;text-align:center;text-decoration:none;background:var(--purple);color:white;border:0;border-radius:12px;padding:13px;font-size:13px;font-weight:bold;margin-top:18px}.offer-action:disabled{background:#e9e4f3;color:#80758d}.conditions-button{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer;padding:14px 0 0}.how{background:#f4f1fc;border-radius:26px;padding:34px;margin:48px 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px}.how span{color:#a695e4;font-size:12px;font-weight:bold}.how h3{font-size:16px;margin:14px 0 8px}.how p{font-size:13px;color:var(--muted);line-height:1.6}footer{padding:0 30px 40px;color:#93909f;font-size:11px;line-height:1.6}.footer-brand{font-size:16px;color:#6d6481;font-weight:bold}dialog{max-width:480px;width:calc(100% - 32px);border:0;border-radius:23px;padding:35px;color:var(--ink)}dialog::backdrop{background:#24203c66}dialog p{white-space:pre-line;font-size:14px;line-height:1.7}.dialog-close{float:right;background:none;border:0;font-size:25px;cursor:pointer}.dialog-done{width:100%;border:0;background:var(--purple);color:white;padding:13px;border-radius:12px;font-weight:bold}.error-copy{color:#93577d!important}@media(max-width:760px){header{height:80px;padding:0 20px}.brand{font-size:22px}.header-note{font-size:11px}main{padding:0 16px}.hero{padding:31px 25px;min-height:330px}.hero-art{position:absolute;right:-110px;top:70px;opacity:.21;width:320px;height:280px}h1{font-size:34px;letter-spacing:-1px}.hero p{max-width:285px}.offers-section{padding-top:35px}.offers-grid{grid-template-columns:repeat(2,1fr)}.section-top h2{font-size:22px}.section-top p{max-width:280px}.how{padding:25px}.how-grid{grid-template-columns:1fr;gap:12px}.how h3{margin:8px 0}.filters button{padding:10px 16px}footer{padding:0 22px 30px}}@media(max-width:490px){.offers-grid{grid-template-columns:1fr}.header-note{max-width:100px;text-align:right}.empty{padding:35px 20px}}
