:root{color-scheme:dark;--bg:#101d32;--text:#f6f7fa;--muted:#b8c4d4;--lime:#d9f879;--yellow:#ffdf83}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1200px;margin:auto;padding:40px 52px 28px;min-height:100svh;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-1px}
.brand-icon{display:grid;place-items:center;background:var(--lime);color:var(--bg);width:34px;height:34px;border-radius:10px}
.brand-icon svg{width:23px;height:23px}.brand-light{font-weight:400}.brand-dot{color:var(--lime)}
main{flex:1;display:flex;align-items:center;padding:72px 0 64px}.hero{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 24px}.eyebrow span{width:6px;height:6px;background:var(--lime);border-radius:50%}
h1{font-size:clamp(42px,4.5vw,62px);line-height:1.07;letter-spacing:-2.8px;margin:0;font-weight:750}.headline-first{display:block;white-space:nowrap;font-size:1em;margin-bottom:6px}.headline-first .amount{color:var(--yellow);display:inline;font-size:inherit;letter-spacing:inherit;margin:0}
.intro{font-size:17px;line-height:1.65;color:var(--muted);max-width:390px;margin:24px 0 27px}
.cta{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;gap:20px;min-height:60px;padding:17px 52px;border-radius:10px;background:var(--lime);color:#18240a;font-size:17px;font-weight:700;text-decoration:none;max-width:390px;box-shadow:0 5px 0 #080f1b40}
.social-proof{max-width:390px;margin-top:12px;text-align:center}
.proof-rating{display:flex;justify-content:center;align-items:center;gap:5px;margin:3px 0 0;font-size:12px;line-height:1.4}
.proof-star{color:var(--yellow);font-size:14px;line-height:1}.proof-rating strong{font-size:12px}.proof-rating strong span{color:var(--muted);font-size:12px;font-weight:400}.proof-label{font-size:11px;color:var(--muted)}
.proof-shoppers{margin:0;font-size:11px;line-height:1.4;color:var(--muted)}.proof-shoppers strong{color:var(--text);font-weight:500}
.cta:hover{background:#e7ff9f}.cta:active{transform:translateY(1px)}.cta:focus-visible{outline:3px solid white;outline-offset:5px}.cta span{font-size:25px;line-height:1}
.cta-note{max-width:390px;text-align:center;font-size:12px;color:var(--muted);margin:13px 0 0}.conditions{max-width:390px;font-size:12px;line-height:1.65;color:var(--muted);margin:23px 0 0}
.visual{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:450px;height:450px}.orbit-two{width:350px;height:350px}.spark{position:absolute;color:var(--yellow);font-size:36px;z-index:2}.spark-one{right:10px;top:30px}.spark-two{left:8px;bottom:60px;font-size:29px}
.card-back{position:absolute;width:94%;height:255px;background:#304159;border:1px solid #ffffff14;border-radius:22px;transform:rotate(8deg)}
.gift-card{width:94%;height:255px;background:linear-gradient(115deg,#1974d9,#0654b2);border:1px solid #5595df;border-radius:22px;padding:28px 30px;transform:rotate(-8deg);box-shadow:0 30px 60px #0005;overflow:hidden;position:relative}
.gift-card:after{content:"";position:absolute;width:270px;height:270px;border:40px solid #ffffff07;border-radius:50%;right:-120px;top:-80px;pointer-events:none}
.card-top{display:flex;justify-content:space-between;align-items:center;font-size:23px;font-weight:700;letter-spacing:-.7px}.card-top svg{width:28px;height:28px;color:#ffdf83}.card-value{font-size:64px;font-weight:700;letter-spacing:-3px;margin-top:12px}.card-value span{display:block;font-size:9px;letter-spacing:2.4px;margin-top:0;font-weight:400}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.5;margin-top:16px;color:#d4e8ff}.card-flower{color:var(--yellow);font-size:37px}.illustration-note{position:absolute;bottom:25px;color:#a1afc2;font-size:10px;letter-spacing:.2px}
footer{border-top:1px solid #ffffff15;padding-top:22px;display:flex;align-items:flex-start;gap:70px;color:#a1afc2;font-size:11px;line-height:1.7}.footer-name{white-space:nowrap;font-size:12px;color:#cad3df}footer p{margin:0;max-width:690px}
@media(min-width:1500px){.page{max-width:1280px}main{padding:90px 0}.hero{gap:110px}}
@media(max-width:900px){.page{padding:30px}.hero{gap:32px}.gift-card{height:220px;padding:22px}.card-back{height:220px}.card-value{font-size:54px}.card-bottom{margin-top:10px}.orbit{width:320px;height:320px}.orbit-two{width:260px;height:260px}h1{font-size:44px}.visual{min-height:370px}footer{gap:35px}}
@media(max-width:650px){.page{padding:24px 24px 20px;max-width:470px}.brand{font-size:22px}.brand-icon{width:31px;height:31px}main{padding:42px 0 32px;align-items:flex-start}.hero{display:block}.visual{display:none}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:20px}h1{font-size:45px;letter-spacing:-2px}.amount{font-size:1.4em;letter-spacing:-3px;margin-bottom:6px}.intro{font-size:16px;line-height:1.55;margin:21px 0 24px}.cta{max-width:none;min-height:58px}.cta-note{max-width:none;font-size:11px}.conditions{font-size:11px;margin-top:20px;line-height:1.65}footer{display:block;padding-top:18px;font-size:10px}.footer-name{display:block;margin-bottom:8px;font-size:11px}}
@media(max-width:350px){.page{padding:20px}main{padding-top:30px}h1{font-size:39px}.eyebrow{font-size:8px;letter-spacing:1px}}