.pro-container{width:100%;max-width:500px!important;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgb(0 46 109 / .1);overflow:hidden;border:1px solid rgb(0 0 0 / .05);margin:0 auto}.pro-header{background:linear-gradient(90deg,#052E54 0%,#4e4376 100%);color:#fff;padding:18px 25px;text-align:center;position:relative}.pro-header::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:10px;background:linear-gradient(90deg,rgb(5 46 84 / .8) 0%,rgb(78 67 118 / .8) 50%,rgb(5 46 84 / .8) 100%);filter:blur(10px)}.pro-header h3{margin:0;font-size:1.1rem;font-weight:500;color:#fff}.svg-icon--project{position:absolute;top:50%;transform:translateY(-50%);left:25px}[dir="ltr"] .svg-icon--project{left:auto;right:25px}.pro-content{padding:25px;position:relative}.pro-content{padding:25px;position:relative}.pro-notice{display:flex;align-items:flex-start;gap:12px;background:#f8f9fa;padding:12px 15px;margin-bottom:20px;font-size:.9rem;color:#555;line-height:1.5;border-radius:4px;position:relative}[dir="rtl"] .pro-notice{border-right:3px solid #4e4376;border-left:none;border-radius:0 4px 4px 0}[dir="ltr"] .pro-notice{border-left:3px solid #4e4376;border-right:none;border-radius:4px 0 0 4px}.notice-icon{flex-shrink:0;width:24px;height:24px;background:#4e4376;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgb(78 67 118 / .7);transform:scale(1)}70%{box-shadow:0 0 0 10px #fff0;transform:scale(1.05)}100%{box-shadow:0 0 0 0 #fff0;transform:scale(1)}}.notice-text{flex:1}.pro-select-group{margin-bottom:20px;position:relative}.pro-select-label{display:block;margin-bottom:10px;font-size:.95rem;color:#4e4376;font-weight:500}.pro-select{width:100%;padding:14px 15px;border:1px solid #e0e3e9;border-radius:6px;background-color:#f8f9fa;color:#333;font-family:'Tajawal','Cairo',Arial,sans-serif;font-size:.95rem;transition:all 0.3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234e4376' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;height:55px}[dir="rtl"] .pro-select{direction:rtl;text-align:right;background-position:left 15px center;padding-right:15px}[dir="ltr"] .pro-select{direction:ltr;text-align:left;background-position:right 15px center;padding-left:15px}.pro-select:focus{outline:none;border-color:#4e4376;box-shadow:0 0 0 2px rgb(78 67 118 / .1);background-color:#fff}.pro-select:disabled{opacity:.7;pointer-events:none;background-color:#f0f2f5}.pro-select option{background-color:#fff;color:#333;padding:8px 10px;height:auto}.pro-result{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-top:25px;padding:15px;background:#f0f7f0;color:#2e7d32;border-radius:6px;font-weight:500;border:1px solid #c8e6c9;transition:all 0.3s;animation:fadeIn 0.5s}.pro-result.soon{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-top:25px;padding:15px;background:#fff3e0;color:#e65100;border-radius:6px;font-weight:500;border:1px solid #ffe0b2;animation:fadeIn 0.5s}.pro-result p{margin:0}.svg-icon--check{width:24px;height:24px;background-color:#2e7d32;border-radius:50%;display:flex;align-items:center;justify-content:center}.svg-icon--check svg{width:14px;height:14px;stroke:#fff}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.svg-icon{display:inline-flex;align-items:center;justify-content:center}.svg-icon svg{width:100%;height:100%}.loading{position:relative;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #4e4376;border-top-color:#fff0;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pro-logo{text-align:center;margin-top:20px;font-size:.8rem;color:#888;font-weight:500}@media (max-width:768px){.pro-header{padding:15px 20px}.pro-header h3{font-size:1rem}.pro-content{padding:20px}.pro-select-label{font-size:.9rem;margin-bottom:8px}.pro-select{padding:12px 15px;font-size:.9rem;height:50px}.pro-notice{padding:12px 15px;font-size:.85rem;gap:10px}.notice-icon{width:22px;height:22px}.pro-result,.pro-result.soon{padding:12px;font-size:.9rem}}