:root{
  --bg:#fff5fa;
  --card:rgba(255,252,253,.9);
  --text:#241019;
  --muted:#7d6170;
  --pink:#d85b93;
  --pink2:#f4a9c8;
  --rose:#fff0f6;
  --gold:#c8a45d;
  --goldDeep:#9f7530;
  --gold2:#fff2c7;
  --champagne:#f8e6bd;
  --ink:#171116;
  --shadow:0 38px 120px rgba(216,91,147,.20),0 20px 70px rgba(88,52,20,.12);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 14% 12%, rgba(255,226,239,.95) 0 12%, transparent 13%),
    radial-gradient(circle at 85% 9%, rgba(255,242,199,.82) 0 13%, transparent 14%),
    radial-gradient(circle at 48% 100%, rgba(216,91,147,.13) 0 24%, transparent 48%),
    linear-gradient(135deg,#fff 0%,#fff2f8 43%,#fffaf0 100%);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.48;
  background-image:
    linear-gradient(115deg,transparent 0 43%,rgba(255,255,255,.82) 47%,transparent 51%),
    repeating-linear-gradient(90deg,rgba(200,164,93,.062) 0 1px,transparent 1px 78px),
    repeating-linear-gradient(0deg,rgba(20,16,19,.025) 0 1px,transparent 1px 110px);
}
body:after{
  content:"";
  position:fixed;
  inset:auto -10% -24% -10%;
  height:46%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(24,17,22,.075),transparent 65%);
}
.page{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:28px 16px;
  position:relative;
}
.niamaStickers{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.sticker{
  position:absolute;
  display:grid;
  place-items:center;
  border-radius:30px;
  border:1px solid rgba(200,164,93,.33);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,240,247,.56) 52%,rgba(255,246,220,.7));
  box-shadow:0 18px 46px rgba(88,52,20,.12), inset 0 1px 0 rgba(255,255,255,.95);
  opacity:.72;
  animation:stickerFloat 12s ease-in-out infinite alternate;
}
@keyframes stickerFloat{to{translate:0 22px;rotate:4deg;opacity:.88}}
.n1{top:9%;left:7%;width:86px;height:86px;rotate:-9deg}
.n2{top:12%;right:8%;width:74px;height:74px;rotate:7deg;animation-delay:1s}
.n3{bottom:11%;left:8%;width:82px;height:82px;rotate:8deg;animation-delay:2.1s}
.n4{bottom:10%;right:8%;width:78px;height:78px;rotate:-7deg;animation-delay:.6s}
.n5{top:56%;left:3.8%;width:64px;height:64px;rotate:10deg;animation-delay:1.7s;opacity:.5}
.n6{top:54%;right:4%;width:62px;height:62px;rotate:-10deg;animation-delay:2.7s;font:700 38px/1 Cormorant Garamond,serif;color:#d85b93}
.n7{top:25%;left:83%;width:42px;height:42px;border-radius:18px;animation-delay:3.2s;color:#b98a38;font-size:22px;background:rgba(255,255,255,.5)}
.faceIcon{border-radius:50%;background:linear-gradient(145deg,#fff,#fff0f6 58%,#fff2c7)}
.faceIcon .hair{position:absolute;width:58px;height:62px;border-radius:36px 36px 30px 30px;background:linear-gradient(145deg,#21171b,#4a3035 58%,#bda17e);top:11px;left:14px;box-shadow:inset 10px 0 0 rgba(255,255,255,.08)}
.faceIcon .face{position:relative;width:43px;height:50px;border-radius:50% 50% 46% 46%;background:#e9b28d;margin-top:9px;box-shadow:inset 8px 0 0 rgba(255,255,255,.18);z-index:1}
.faceIcon .face:before{content:"";position:absolute;left:10px;top:19px;width:5px;height:5px;border-radius:50%;background:#2a1718;box-shadow:18px 0 0 #2a1718}
.faceIcon .face:after{content:"";position:absolute;left:16px;bottom:12px;width:14px;height:6px;border-radius:0 0 14px 14px;border-bottom:3px solid #b55f73}
.faceIcon .face i{position:absolute;right:3px;top:0;width:12px;height:47px;border-radius:16px;background:linear-gradient(#f5d39d,#b78b50);opacity:.72}
.faceIcon.soft .hair{width:42px;height:48px;left:11px;top:8px}.faceIcon.soft .face{width:33px;height:39px}.faceIcon.soft .face:before{left:8px;top:15px;box-shadow:14px 0 0 #2a1718}.faceIcon.soft .face:after{left:12px;bottom:9px;width:10px}
.miniCard{font-family:"Cormorant Garamond",Georgia,serif;font-size:58px;font-weight:700;color:#bd9342;text-shadow:0 3px 16px rgba(200,164,93,.18)}
.bagIcon:before{content:"";width:44px;height:34px;border-radius:9px 9px 12px 12px;background:linear-gradient(135deg,#171116,#4b303a 35%,#d85b93);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 8px 18px rgba(88,52,20,.15)}
.bagIcon span{position:absolute;top:19px;width:24px;height:17px;border:3px solid #c8a45d;border-bottom:0;border-radius:18px 18px 0 0}
.diamondIcon{font:700 58px/1 Cormorant Garamond,serif;color:#bd9342;text-shadow:0 7px 24px rgba(200,164,93,.28)}
.luxParticles span{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fff,#f6cf79 55%,#d85b93);box-shadow:0 0 26px rgba(200,164,93,.38);opacity:.72;animation:float 10s ease-in-out infinite alternate;z-index:1}
.luxParticles span:nth-child(1){top:10%;left:21%}.luxParticles span:nth-child(2){top:18%;right:21%;width:12px;height:12px;animation-delay:1.4s}.luxParticles span:nth-child(3){bottom:12%;left:21%;width:10px;height:10px;animation-delay:2s}.luxParticles span:nth-child(4){bottom:18%;right:19%;animation-delay:.8s}.luxParticles span:nth-child(5){top:54%;left:6%;width:6px;height:6px;animation-delay:2.6s}
@keyframes float{to{transform:translateY(22px) rotate(8deg);opacity:.95}}
.card{width:min(610px,100%);background:var(--card);backdrop-filter:blur(24px);border:1px solid rgba(200,164,93,.52);border-radius:40px;padding:40px 36px 36px;text-align:center;box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(200,164,93,.12);position:relative;overflow:hidden;z-index:2;animation:pop .55s ease both}.card:before{content:"";position:absolute;inset:13px;border:1px solid rgba(200,164,93,.28);border-radius:31px;pointer-events:none}.card:after{content:"";position:absolute;width:270px;height:270px;right:-115px;top:-115px;background:radial-gradient(circle,rgba(255,242,199,.85),transparent 66%);pointer-events:none}@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.topSeal{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 14px;padding:8px 16px;border-radius:999px;border:1px solid rgba(200,164,93,.46);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,246,225,.68));color:#9b7435;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.topSeal:before,.topSeal:after{content:"◆";font-size:8px;color:var(--gold)}
.nameGlow{display:block;margin:0 auto 18px;font-family:"Cormorant Garamond",Georgia,serif;color:#29141f;font-size:clamp(56px,13vw,92px);font-weight:700;line-height:.88;letter-spacing:-.058em;text-shadow:0 9px 30px rgba(216,91,147,.17),0 2px 0 rgba(255,255,255,.92);position:relative}.nameGlow:after{content:"";display:block;width:160px;height:2px;margin:17px auto 0;background:linear-gradient(90deg,transparent,var(--goldDeep),var(--gold2),var(--pink2),var(--goldDeep),transparent);border-radius:999px}.nameGlow.small{font-size:clamp(44px,9vw,68px);margin-bottom:14px}
.jewelBox{width:122px;height:122px;margin:0 auto 21px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,231,242,.95) 46%,rgba(255,243,202,.96)),radial-gradient(circle at 30% 25%,#fff,transparent 32%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.97), 0 20px 50px rgba(200,164,93,.25), 0 14px 34px rgba(216,91,147,.15);border:1px solid rgba(200,164,93,.43);position:relative}.jewelBox:before{content:"";position:absolute;inset:10px;border-radius:25px;border:1px solid rgba(200,164,93,.64)}.jewelBox:after{content:"✦";position:absolute;right:20px;top:15px;color:#c79c47;font-size:16px;opacity:.9}.jewelBox.pink{background:linear-gradient(135deg,#b98a38 0%,#f4a9c8 52%,#fff2c7)}
.monogram{font-family:"Cormorant Garamond",Georgia,serif;font-size:76px;line-height:1;font-weight:700;color:#bd9342;text-shadow:0 3px 16px rgba(200,164,93,.25);animation:shine 2.4s ease-in-out infinite;z-index:1}.monogram.light{color:white;text-shadow:0 3px 18px rgba(80,34,56,.24)}@keyframes shine{50%{transform:translateY(-5px);filter:brightness(1.08)}}
.eyebrow{margin:0 0 9px;color:var(--pink);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.24em}h1,h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(38px,8vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:700}h2{font-size:clamp(34px,6vw,50px)}.subtitle{color:var(--muted);font-size:16.5px;line-height:1.75;margin:16px auto 0;max-width:470px}
.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px;min-height:56px;position:relative}.btn{border:0;border-radius:999px;padding:15px 28px;font:800 15px/1 Poppins,sans-serif;cursor:pointer;transition:.2s ease;touch-action:manipulation;position:relative;z-index:3;letter-spacing:.02em}.btn.primary{background:linear-gradient(135deg,#171116 0%,#9f7530 22%,#f1d38a 42%,#d85b93 72%,#f4a9c8 100%);color:white;box-shadow:0 18px 38px rgba(200,164,93,.27),0 12px 32px rgba(216,91,147,.28)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(216,91,147,.34)}.btn.ghost{background:rgba(255,255,255,.86);color:#ad7d2f;border:1px solid rgba(200,164,93,.46);position:relative}.tiny{font-size:12px;color:#a08493;margin-top:18px}.hidden{display:none!important}.result{text-align:left}.result .jewelBox,.result h2,.result .subtitle{text-align:center}.result .subtitle{margin-bottom:22px}
form{display:grid;gap:14px;margin-top:18px}label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#624653;text-transform:uppercase;letter-spacing:.08em}input,textarea,select{width:100%;border:1px solid rgba(200,164,93,.42);background:rgba(255,255,255,.9);border-radius:18px;padding:14px 16px;font:600 15px Poppins,sans-serif;color:var(--text);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(216,91,147,.13),inset 0 1px 0 rgba(255,255,255,.9)}select{appearance:none;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23bd9342' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 16px center;padding-right:46px;text-transform:none;letter-spacing:0}textarea{resize:vertical}.full{width:100%;margin-top:4px}.formMessage{min-height:24px;text-align:center;font-weight:800;color:var(--pink);margin:4px 0 0}
@media (max-width:760px){.n1{width:68px;height:68px;left:-10px;top:7%}.n2{width:58px;height:58px;right:-8px;top:5%;font-size:44px}.n3{width:64px;height:64px;left:-8px;bottom:6%}.n4{width:60px;height:60px;right:-8px;bottom:4%;font-size:44px}.n5,.n6,.n7{display:none}.faceIcon .hair{width:45px;height:49px;left:11px;top:9px}.faceIcon .face{width:34px;height:39px}.faceIcon .face:before{left:8px;top:15px;box-shadow:14px 0 0 #2a1718}.faceIcon .face:after{left:12px;bottom:9px;width:10px}.bagIcon:before{width:34px;height:27px}.bagIcon span{top:15px;width:19px;height:14px}}
@media (max-width:480px){.page{padding:20px 12px}.card{padding:30px 18px 26px;border-radius:30px}.card:before{border-radius:22px}.actions{gap:10px}.btn{padding:14px 22px}.nameGlow{font-size:clamp(50px,16vw,72px)}.subtitle{font-size:15px}.jewelBox{width:108px;height:108px}.monogram{font-size:68px}}