.firstPopup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);display:none;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity 0.3s ease}.popup-content{position:relative;background:#000;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .2);overflow:hidden;width:450px;max-width:90vw;animation:popupSlideIn 0.4s ease-out}.close-button{position:absolute;top:15px;right:15px;background:#8b5a9b;color:#000;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:18px;font-weight:700;z-index:10;transition:all 0.2s ease}.close-button:hover{background:#7B4A8B}.popup-main{display:flex;min-height:250px}.left-section{background:linear-gradient(135deg,#00bcd4,#00acc1);padding:30px;flex:1;color:#000;position:relative}.gift-header{background:#ffd54f;color:#333;padding:8px 16px;border-radius:5px;font-weight:700;font-size:18px;margin-bottom:20px;display:inline-block;animation:bounce 2s infinite}.description{margin:0 0 25px 0;line-height:1.5;font-size:14px;opacity:.95}.claim-button{background:#ff4081;color:#000;border:none;padding:12px 30px;border-radius:5px;font-weight:700;font-size:14px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(255 64 129 / .3)}.claim-button:hover{background:#E91E63;transform:translateY(-2px)}.claim-button:not(:hover){background:#FF4081;transform:translateY(0)}.right-section{background:#f8f8f8;padding:20px;display:flex;align-items:center;justify-content:center;min-width:150px;position:relative}.gift-image{width:120px;height:120px;object-fit:contain;border-radius:10px}.floating-element{position:absolute;border-radius:50%;animation:float 3s ease-in-out infinite}.element1{top:20px;left:20px;width:6px;height:6px;background:#ffd54f}.element2{top:35px;right:25px;width:4px;height:4px;background:#ff4081;animation-delay:1s}.element3{bottom:30px;left:30px;width:5px;height:5px;background:#00bcd4;animation-delay:2s}.hdmn-overlay{display:none}#message,#messageCode{margin-top:10px;color:red}#stepCode{display:none}#codeInput{margin-bottom:10px}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.center-image{width:100%;height:100%;object-fit:cover}