*{box-sizing:border-box}body{margin:0;min-height:100svh;font-family:Vazirmatn,Tahoma,sans-serif;color:#382633;background:#fff0f6}.bg{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#fff,transparent 30%),linear-gradient(155deg,#f3e2ff,#fff0f6 50%,#ffe5ee);pointer-events:none}.bg>i{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(60px);opacity:.4;background:#ff7fb8;right:-120px;top:-80px}.bg>i:nth-child(2){background:#b998ff;left:-140px;right:auto;top:45%}main{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 14px}.logo{width:46px;height:46px;display:grid;place-items:center;background:#ffffff99;border:1px solid #fff;border-radius:17px;margin-bottom:12px;box-shadow:0 12px 30px #6d3b5b18}.card{width:min(100%,430px);min-height:620px;padding:22px;border-radius:35px;background:#ffffffad;border:1px solid #fff;box-shadow:0 30px 80px #69365c24;backdrop-filter:blur(25px)}.progress{height:20px;display:flex;direction:ltr;justify-content:center;gap:6px}.progress i{width:6px;height:6px;border-radius:10px;background:#e3cbd9}.progress i.on{width:24px;background:#e93d8f}.page{display:none;text-align:center;animation:in .4s}.page.active{display:block}@keyframes in{from{opacity:0;transform:translateY(10px)}}.emoji{font-size:52px;margin:15px 0 12px}.page>em{display:block;font-style:normal;font-size:10px;font-weight:900;color:#e93d8f}.page h1,.page h2{font-size:23px;line-height:1.7;margin:5px 0;font-weight:900}.page>p{font-size:12px;color:#927a8a;line-height:2;margin:7px auto 20px;max-width:340px}.primary,.soft{width:100%;border:0;border-radius:18px;padding:15px;margin-top:9px;font:inherit;font-weight:900;cursor:pointer}.primary{color:white;background:linear-gradient(135deg,#f45da4,#df287f);box-shadow:0 14px 28px #d724771f}.soft{color:#765d6d;background:#ffffffb8;border:1px solid #8b57721a}.page>small{display:block;margin-top:13px;color:#9e8393;font-size:10px}.opts{display:grid;gap:9px;margin:16px 0}.opts button{display:grid;grid-template-columns:35px 1fr;text-align:right;align-items:center;padding:11px;border:1px solid #84506c1c;border-radius:18px;background:#ffffffb8;font:inherit;color:#382633;cursor:pointer}.opts button>b{font-size:11px}.opts button>span{grid-column:2;font-size:9px;color:#927a8a}.opts button.sel,.chips button.sel{background:#fff4f8;border-color:#e93d8f55;transform:translateY(-1px)}.mini{grid-template-columns:1fr 1fr}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:28px 0}.chips button{padding:11px 13px;border-radius:99px;border:1px solid #84506c1c;background:#ffffffbd;color:#725b69;font:inherit;font-size:10px;font-weight:800}.dates{display:grid;gap:13px;margin:28px 0;text-align:right}.dates label{font-size:10px;font-weight:800;color:#755d6c}.dates input{display:block;width:100%;height:52px;margin-top:7px;border:1px solid #84506c1c;border-radius:16px;background:#ffffffcf;padding:0 13px;direction:ltr;font:inherit}article{text-align:right;background:#fffafd;padding:17px;border-radius:25px;border:1px solid #e93d8f1f;box-shadow:0 17px 38px #66345612}article header{display:flex;justify-content:space-between;align-items:center}article header div{display:grid}article header small{font-size:8px;color:#a98b9d}article header strong{color:#c92270}article header i{font-size:28px;color:#e93d8f}article hr{border:0;border-top:1px dashed #ead5e0;margin:13px -17px 2px}.row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f3e7ed;font-size:9.5px}.row span{color:#927a8a}.row b{text-align:left}article footer{font-size:9px;color:#8d7282;padding-top:11px}.love{font-size:11px;font-weight:800;margin:10px}.made{font-size:8px;color:#a58999;margin-top:10px;direction:ltr}.pulse{animation:p 1.5s infinite}@keyframes p{50%{transform:scale(1.1)}}.petal{position:absolute;bottom:-25px;animation:fly linear forwards;opacity:0}@keyframes fly{10%{opacity:.35}100%{transform:translate(var(--x),-110vh) rotate(35deg);opacity:0}}#toast{position:fixed;z-index:9;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;background:#4b3543;color:#fff;padding:9px 13px;border-radius:14px;font-size:10px;transition:.25s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:370px){.card{padding:18px 15px}.mini{grid-template-columns:1fr}.page h1,.page h2{font-size:21px}}