طالعبینی و روانشناسی اسمها 🌙 سنجش جفت بودن ستارهها و تفاهم اسمها نام خودت و پارتنرت رو وارد کن تا میزان همپوشانی انرژی اسمها و تفاهم ستارههاتون رو محاسبه کنیم! نام شما: ❤️ نام پارتنر / همسر: 🔮 محاسبه درصد تفاهم ستارهها 0% عنوان نتیجه متن تحلیل تفاهم اسمها... 💡 نکته: میتونی از این نتیجه عکس بگیری و برای پارتنرت بفرستی! #names-match-container { font-family: Tahoma, 'IRANSans', sans-serif; direction: rtl; display: flex; justify-content: center; padding: 20px 10px; } .match-card { background: linear-gradient(135deg, #ffffff 0%, #fdf2f8 100%); border: 2px solid #fbcfe8; border-radius: 24px; box-shadow: 0 15px 35px rgba(219, 39, 119, 0.08); max-width: 500px; width: 100%; padding: 28px; text-align: center; } .match-tag { background-color: #fce7f3; color: #db2777; font-size: 12px; padding: 5px 14px; border-radius: 20px; font-weight: bold; } .match-header h2 { color: #831843; margin: 15px 0 8px; font-size: 21px; } .match-header p { color: #9d174d; font-size: 13px; line-height: 1.6; margin-bottom: 25px; } .input-group-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px; } .input-field { flex: 1; text-align: right; } .input-field label { display: block; font-size: 12px; font-weight: bold; color: #4c0519; margin-bottom: 6px; } .input-field input { width: 100%; padding: 12px; border: 1px solid #f472b6; border-radius: 12px; font-size: 14px; outline: none; box-sizing: border-box; text-align: center; } .heart-separator { font-size: 22px; margin-top: 18px; animation: pulse 1.5s infinite; } .calc-btn { width: 100%; background: linear-gradient(135deg, #db2777, #be185d); color: white; border: none; padding: 15px; border-radius: 14px; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .calc-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(219, 39, 119, 0.3); } /* کادر نتیجه */ .result-box { margin-top: 25px; padding: 22px; background: #ffffff; border-radius: 20px; border: 1px solid #fbcfe8; animation: fadeIn 0.4s ease-in-out; } .hidden { display: none; } .percent-circle { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, #f472b6, #db2777); color: white; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-size: 24px; font-weight: bold; box-shadow: 0 5px 15px rgba(219, 39, 119, 0.2); } #match-title { color: #831843; margin: 0 0 10px; font-size: 17px; } #match-desc { color: #475569; font-size: 14px; line-height: 1.8; margin: 0 0 15px; text-align: justify; } .share-note { background-color: #fef1f7; color: #9d174d; padding: 8px; border-radius: 10px; font-size: 12px; font-weight: bold; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }