:root{--green:#294b3d;--green2:#426b57;--sage:#dce8dc;--cream:#faf8f1;--paper:#fffefa;--ink:#20332b;--muted:#718078;--line:#e7e9e1;--gold:#d7a85a;--shadow:0 14px 40px rgba(35,60,46,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1160px,92%);margin:auto}.topbar{background:var(--green);color:#f7f6ee;text-align:center;padding:9px 12px;font-size:12px;letter-spacing:.04em}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-.8px;color:var(--green);text-decoration:none}.brandmark{width:36px;height:36px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-size:20px}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{color:#53635a;text-decoration:none;font-size:14px;font-weight:600}.navlinks a:hover{color:var(--green)}.navactions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:999px;padding:12px 19px;font-weight:750;font-size:13px;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.primary{background:var(--green);color:white}.primary:hover{background:#1d392d}.secondary{background:#edf2eb;color:var(--green)}.outline{border:1px solid #cbd7cc;background:transparent;color:var(--green)}.small{padding:9px 14px;font-size:12px}.hero{padding:64px 0 58px;background:radial-gradient(circle at 85% 22%,#e8eddf 0,transparent 32%),linear-gradient(115deg,#f8f6ed,#f1f4eb)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;color:var(--green2);display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:25px;height:1px;background:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(43px,6vw,72px);line-height:1.02;letter-spacing:-2px;font-weight:500;margin:19px 0;color:var(--green)}h1 em{color:#a77a3e;font-weight:500}.hero p{font-size:16px;line-height:1.75;color:#66746b;max-width:510px}.hero-buttons{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.trustline{margin-top:27px;color:#78847b;font-size:12px}.hero-art{min-height:380px;position:relative;display:grid;place-items:center}.art-card{position:absolute;background:#fffefa;border:1px solid #e9e9df;border-radius:22px;box-shadow:var(--shadow);padding:16px}.gift-stack{width:270px;height:280px;display:grid;place-items:center;position:relative}.giftbox{width:210px;height:170px;background:#d7e3d5;border-radius:12px;position:absolute;top:78px;box-shadow:0 18px 30px #45604a20}.giftbox:before{content:"";position:absolute;width:42px;height:100%;left:84px;background:#f5e9cc}.giftbox:after{content:"";position:absolute;left:0;right:0;top:68px;height:34px;background:#f5e9cc}.bow{position:absolute;top:39px;left:95px;width:80px;height:55px;border:12px solid #c18c4b;border-radius:50% 50% 10% 50%;transform:rotate(-24deg)}.bow:after{content:"";position:absolute;width:80px;height:55px;border:12px solid #c18c4b;border-radius:50% 50% 50% 10%;left:45px;top:4px;transform:rotate(48deg)}.floating{font-size:34px;position:absolute}.f1{top:32px;left:36px}.f2{right:35px;top:74px}.f3{bottom:38px;left:55px}.f4{right:40px;bottom:25px}.note{left:0;bottom:38px;font-size:12px;color:#50665a}.note strong{display:block;font-size:16px;color:var(--green);margin-bottom:3px}.note2{right:0;top:22px;font-size:12px;color:#68776d}.note2 strong{display:block;color:var(--green);font-size:17px}.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.kicker{color:#9a7748;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.16em}.section h2{font:500 clamp(30px,4vw,43px)/1.1 Georgia,serif;color:var(--green);margin:9px 0}.section-sub{color:var(--muted);font-size:14px;line-height:1.65;max-width:520px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}.step-icon{width:48px;height:48px;border-radius:15px;background:#edf2e9;display:grid;place-items:center;font-size:23px}.step h3{font-size:16px;margin:18px 0 8px}.step p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.market{background:#f0f2e9}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.filter{border:1px solid #d8dfd5;background:#fbfbf6;color:#596a5e;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:700}.filter.active{background:var(--green);border-color:var(--green);color:white}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.gift-card{background:var(--paper);border:1px solid #e7e9e1;border-radius:17px;overflow:hidden;transition:.2s}.gift-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.gift-photo{height:175px;display:grid;place-items:center;font-size:67px;position:relative;background:linear-gradient(145deg,#e8eee3,#f7eadb)}.gift-photo span{filter:drop-shadow(0 8px 6px #33443320)}.tag{position:absolute;left:12px;top:12px;background:#fffefa;color:#4c6554;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.gift-info{padding:15px}.gift-info h3{font-size:14px;margin:0 0 6px}.gift-meta{color:#879188;font-size:11px}.gift-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.points{font-size:13px;font-weight:850;color:var(--green)}.gift-bottom button{padding:8px 12px;font-size:11px}.empty{grid-column:1/-1;text-align:center;padding:35px;color:var(--muted)}.cta{background:var(--green);color:white;border-radius:24px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font:500 35px Georgia;margin:0 0 8px}.cta p{color:#d5e1d7;font-size:13px;margin:0}.cta .btn{background:#f3ead8;color:var(--green)}.footer{padding:42px 0 25px;background:#f8f7f0}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p,.footer a{font-size:12px;color:#78847b;line-height:1.8;text-decoration:none}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:17px;color:#98a198;font-size:11px}.page{display:none;min-height:70vh;padding:48px 0 70px}.page.active{display:block}.page-title{font:500 42px Georgia;color:var(--green);margin:0 0 9px}.form-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 25px #243a2b08}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:750;color:#53645a}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5dc;background:#fffefa;border-radius:10px;padding:12px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#77947e;box-shadow:0 0 0 3px #dce8dc}.field textarea{min-height:90px;resize:vertical}.hint{font-size:11px;color:#89948b}.form-actions{margin-top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notice{padding:13px 15px;border-radius:12px;background:#edf4eb;color:#45634d;font-size:12px;line-height:1.6;margin:15px 0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stat{background:#edf2e9;border-radius:15px;padding:18px}.stat b{display:block;font-size:27px;color:var(--green)}.stat span{font-size:11px;color:#728076}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.list-row:last-child{border:0}.modal-backdrop{display:none;position:fixed;inset:0;background:#13251dcc;z-index:10;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{background:var(--paper);border-radius:20px;padding:25px;width:min(470px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 70px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#edf2e9;border-radius:50%;width:32px;height:32px;font-size:18px;color:var(--green)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:var(--green);color:white;padding:13px 20px;border-radius:999px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.hidden{display:none!important}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:10px}.hero-art{min-height:310px}.gift-grid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.steps{grid-template-columns:1fr}.cta{padding:30px;align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.nav{height:65px}.brand{font-size:19px}.navactions .outline{display:none}.hero{padding:45px 0 30px}.hero-art{min-height:275px}.gift-stack{transform:scale(.82)}.note{left:0;bottom:0}.note2{right:0;top:0}.gift-grid{gap:10px}.gift-photo{height:135px;font-size:54px}.gift-info{padding:11px}.gift-info h3{font-size:12px}.gift-bottom{align-items:flex-start;gap:5px;flex-direction:column}.section{padding:48px 0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dashboard-grid{grid-template-columns:1fr 1fr}.page-title{font-size:34px}}

/* GIFTERA — immersive motion layer */
:root{--green:#252047;--green2:#6557a5;--sage:#eeeaff;--cream:#fbf9ff;--paper:#fff;--ink:#25213b;--muted:#77738a;--line:#ebe7f4;--gold:#ff9f80;--shadow:0 22px 60px rgba(43,31,91,.12)}
body{background:#fbf9ff;color:var(--ink);overflow-x:hidden}
.scroll-progress{position:fixed;z-index:50;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#ff9d80,#8c78e8);box-shadow:0 0 12px #ff9d8066}
.topbar{background:#24203f;letter-spacing:.08em;font-size:11px}
.nav{position:sticky;top:0;z-index:30;width:100%;padding:0 max(4%,calc((100% - 1160px)/2));background:#fbf9fff0;backdrop-filter:blur(18px);border-bottom:1px solid #ebe7f4;height:78px}
.brand{color:#282344;font-size:23px;letter-spacing:-1.2px}.brandmark{background:linear-gradient(145deg,#7d6ce0,#443b79);border-radius:13px;box-shadow:0 8px 18px #51448a33}
.navlinks a{color:#67627b}.primary{background:linear-gradient(135deg,#6554bd,#41396f);box-shadow:0 9px 20px #55469c25}.primary:hover{background:#39315f}.secondary{background:#f0edff;color:#51458d}.outline{border-color:#d8d2ed;color:#4e467d}
.hero{position:relative;overflow:hidden;padding:76px 0 82px;background:radial-gradient(ellipse at 76% 30%,#e7ddff 0,transparent 36%),radial-gradient(ellipse at 4% 80%,#ffe9e1 0,transparent 30%),linear-gradient(120deg,#fcfaff,#f3efff 58%,#fff5f0)}
.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #b7a9e533;border-radius:50%;right:-120px;top:-220px;box-shadow:0 0 0 35px #b7a9e511,0 0 0 75px #b7a9e50b}
.hero-grid{position:relative;z-index:1;grid-template-columns:1.02fr .98fr;gap:34px}.eyebrow{color:#6757b2}.eyebrow:before{background:#ff9f80;width:30px;height:2px}
h1{color:#292345;font-size:clamp(48px,6.2vw,78px);letter-spacing:-3px;line-height:.99}h1 em{color:#806bd5;font-style:normal}.hero p{color:#77718a;font-size:16px;max-width:520px}.hero-buttons{margin-top:31px}.trustline{color:#817b91}
.hero-art{min-height:455px;perspective:1100px;isolation:isolate}.gift-stack{width:310px;height:320px;transform-style:preserve-3d;animation:heroLevitate 6s ease-in-out infinite}.giftbox{width:224px;height:180px;top:93px;border-radius:18px;background:linear-gradient(145deg,#c3b8f3,#8876d6);box-shadow:inset -15px -12px 25px #51458a35,0 32px 45px #45376b2b;transform:rotateY(-18deg) rotateX(8deg);transform-style:preserve-3d}.giftbox:before{background:linear-gradient(90deg,#ffb69d,#ffdfce);left:91px;width:42px;box-shadow:0 0 18px #fff8}.giftbox:after{background:linear-gradient(90deg,#ffb69d,#ffe1d5);top:73px;height:32px}.bow{border-color:#ff9d80;filter:drop-shadow(0 7px 4px #8a526644);transform:rotate(-24deg) translateZ(35px)}.bow:after{border-color:#ffb39a}.floating{filter:drop-shadow(0 9px 10px #4b3a7828);animation:floaty 5s ease-in-out infinite}.f1{color:#ff987d}.f2{animation-delay:-1.2s}.f3{animation-delay:-2.4s;color:#7c6bd0}.f4{animation-delay:-.8s;color:#e88d9f}.f5{top:10px;right:74px;font-size:42px;animation:floaty 5.5s ease-in-out infinite -1.8s}.f6{bottom:0;right:90px;font-size:27px;animation:floaty 4.4s ease-in-out infinite -2s}
.art-card{border:1px solid #fff;background:#ffffffd9;backdrop-filter:blur(14px);box-shadow:0 18px 55px #4d3e7b1c;border-radius:18px}.note strong,.note2 strong{color:#39315f}.note{bottom:24px}.note2{top:12px}.hero-chip{position:absolute;z-index:3;padding:10px 14px;border-radius:999px;background:#fffdf9d9;border:1px solid #fff;box-shadow:0 12px 35px #40356b16;font-size:11px;font-weight:750;color:#5b508d;backdrop-filter:blur(10px)}.chip-left{left:-5px;top:80px}.chip-right{right:0;bottom:72px}.hero-orbit{position:absolute;border:1px solid #9e8fe633;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:390px;height:210px}.orbit-two{width:470px;height:270px;transform:rotate(35deg)}.mini-gift{position:absolute;z-index:2;display:grid;place-items:center;width:67px;height:67px;border-radius:22px;background:linear-gradient(145deg,#fff,#f3efff);box-shadow:0 18px 38px #40356b22;font-size:34px;animation:floaty 5.8s ease-in-out infinite;transform-style:preserve-3d}.mini-one{left:5%;top:36%;transform:rotate(-12deg);animation-delay:-2s}.mini-two{right:8%;top:33%;transform:rotate(12deg);animation-delay:-.7s}.mini-three{right:15%;bottom:4%;transform:rotate(-9deg);animation-delay:-3.2s}
.section{padding:82px 0}.section h2{color:#292345;font-size:clamp(32px,4vw,46px)}.kicker{color:#9271bf}.section-sub{color:#7b768d}.steps{gap:20px}.step{border:1px solid #ece8f5;border-radius:23px;background:linear-gradient(150deg,#fff,#fcfaff);box-shadow:0 12px 35px #45376b09;transition:transform .35s,box-shadow .35s;transform-style:preserve-3d}.step:hover{transform:translateY(-9px) rotateX(2deg);box-shadow:0 25px 50px #45376b17}.step-icon{background:linear-gradient(145deg,#f1edff,#fff0eb);border-radius:17px;color:#6655b1}
.market{background:linear-gradient(180deg,#f3f0ff,#fdfbff);position:relative;overflow:hidden}.market:before{content:"✧";position:absolute;right:5%;top:4%;font-size:120px;color:#b5a9e51c}.gift-grid{gap:22px}.gift-card{border:1px solid #ebe7f4;border-radius:22px;box-shadow:0 12px 35px #45376b0c;transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.gift-card:hover{box-shadow:0 28px 60px #45376b21}.gift-photo{height:205px;background:radial-gradient(circle at 50% 35%,#fff 0,#f4efff 52%,#ebe5ff 100%)!important;overflow:hidden;isolation:isolate}.gift-photo:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffffffaa;filter:blur(1px)}.gift-photo span:first-child{position:relative;z-index:1;font-size:76px;filter:drop-shadow(0 16px 10px #40356b2b);animation:giftHover 4.8s ease-in-out infinite;transform:translateZ(34px)}.gift-card:nth-child(2n) .gift-photo span:first-child{animation-delay:-1.4s}.gift-card:nth-child(3n) .gift-photo span:first-child{animation-delay:-2.7s}.tag{z-index:2;background:#fffdf1;color:#6757a7;box-shadow:0 4px 12px #4d3d7b12}.gift-info h3{color:#2e2949}.gift-meta{color:#89839a}.points{color:#6858b4}.gift-bottom button{box-shadow:none}
.cta{background:radial-gradient(circle at 90% 20%,#7465c3 0,transparent 30%),linear-gradient(120deg,#292345,#50447f);border-radius:28px;padding:44px 48px;box-shadow:0 22px 55px #3e326b25;position:relative;overflow:hidden}.cta:after{content:"🎁";position:absolute;right:22%;bottom:-28px;font-size:120px;opacity:.11;transform:rotate(-18deg)}.cta h2{position:relative;z-index:1}.cta p{position:relative;z-index:1}.cta .btn{position:relative;z-index:2;background:#ffb39b;color:#3a2e5c}.footer{background:#f8f6ff}.footer .brand{color:#292345}.copyright{border-color:#e8e3f1}
.page{padding:55px 0 80px}.page-title{color:#292345}.form-card,.panel{border-radius:22px;border-color:#ece8f5;box-shadow:0 18px 45px #44366d0d}.field input,.field select,.field textarea{border-color:#e4dff0;border-radius:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8c7ad7;box-shadow:0 0 0 4px #eeeaff}.notice{background:#f2efff;color:#5b4f93}.stat{background:#f0edff}.stat b{color:#55468e}.modal{border-radius:25px}.close{background:#f0edff}.toast{background:#292345}
/* Reveal and floating depth */
.reveal{opacity:0;transform:translateY(38px) scale(.98);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0) scale(1)}
.gift-card.reveal{transform:translateY(38px) rotateX(7deg) scale(.97)}.gift-card.reveal.in-view{transform:translateY(0) rotateX(0) scale(1)}
.ambient-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient{position:absolute;opacity:.16;filter:drop-shadow(0 8px 12px #45376b20);animation:floaty 8s ease-in-out infinite}.a1{top:20%;left:2%;font-size:30px}.a2{top:48%;right:2%;font-size:38px;animation-delay:-2s}.a3{top:72%;left:4%;font-size:26px;animation-delay:-4s}.a4{top:88%;right:7%;font-size:32px;animation-delay:-1s}.a5{top:110%;left:47%;font-size:30px;animation-delay:-3s}
main,header,footer{position:relative;z-index:1}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -17px}}
@keyframes giftHover{0%,100%{transform:translate3d(0,0,34px) rotate(-4deg)}50%{transform:translate3d(0,-13px,48px) rotate(4deg)}}
@keyframes heroLevitate{0%,100%{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-12px) rotateY(4deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:850px){.hero{padding:54px 0 60px}.hero-art{min-height:370px}.hero-grid{grid-template-columns:1fr}.chip-left{left:0}.chip-right{right:0}.gift-grid{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}}
@media(max-width:560px){.nav{padding:0 4%;height:68px}.hero{padding:45px 0 35px}.hero-art{min-height:300px;transform:scale(.91);margin:-5px -12px}.gift-stack{transform:scale(.78)}.hero-chip{font-size:9px;padding:8px 10px}.chip-left{top:25px}.chip-right{bottom:23px}.note{left:0;bottom:8px}.note2{right:0;top:4px}.mini-gift{width:50px;height:50px;font-size:25px;border-radius:16px}.gift-photo{height:150px}.gift-photo span:first-child{font-size:61px}.cta{padding:30px 24px}.ambient{opacity:.1}}