.ybf-membership-card{background:#ffffff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid #e1e8ed;padding:40px;max-width:600px;margin:0 auto;font-family:DM Sans,sans-serif;transition:all .3s ease}.ybf-membership-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.08)}.ybf-card-title{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:#142850;margin-bottom:24px;text-align:center;border-bottom:2px solid rgba(46,118,188,.1);padding-bottom:12px}.ybf-summary-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px 24px;margin-bottom:30px;border:1px solid #e2e8f0}.ybf-summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;color:#475569}.ybf-summary-item.total{margin-top:16px;padding-top:16px;border-top:1px solid #cbd5e1;font-weight:700;font-size:18px;color:#142850}.ybf-summary-item span.amount{font-family:DM Sans,sans-serif;font-weight:600;color:#1e293b}.ybf-summary-item.total span.amount{color:#2e76bc;font-size:20px}.ybf-input-group{position:relative;margin-bottom:24px}.ybf-input-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ybf-input-wrapper{position:relative;display:flex;align-items:center}.ybf-input-icon{position:absolute;left:16px;color:#94a3b8;font-size:16px;pointer-events:none;z-index:10}.ybf-text-input{width:100%;padding:14px 16px 14px 44px!important;font-size:15px;color:#1e293b;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.ybf-text-input:focus{background-color:#ffffff;border-color:#2e76bc;box-shadow:0 0 0 4px rgba(46,118,188,.15),inset 0 2px 4px rgba(0,0,0,.02)}.ybf-text-input::placeholder{color:#94a3b8}.ybf-phone-wrapper{width:100%}.ybf-phone-wrapper .react-tel-input{font-family:inherit}.ybf-phone-wrapper .react-tel-input .form-control{width:100%!important;height:52px!important;font-size:15px!important;color:#1e293b!important;background-color:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;padding-left:56px!important;outline:none!important;transition:all .3s ease!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)!important}.ybf-phone-wrapper .react-tel-input .form-control:focus{background-color:#ffffff!important;border-color:#2e76bc!important;box-shadow:0 0 0 4px rgba(46,118,188,.15),inset 0 2px 4px rgba(0,0,0,.02)!important}.ybf-phone-wrapper .react-tel-input .flag-dropdown{background-color:transparent!important;border:none!important;border-radius:10px 0 0 10px!important;padding-left:8px!important}.ybf-phone-wrapper .react-tel-input .selected-flag{background-color:transparent!important;width:44px!important;padding:0 0 0 10px!important}.ybf-phone-wrapper .react-tel-input .selected-flag:focus,.ybf-phone-wrapper .react-tel-input .selected-flag:hover{background-color:transparent!important}.ybf-phone-wrapper .react-tel-input .country-list{border-radius:10px!important;box-shadow:0 10px 25px rgba(0,0,0,.1)!important;border:1px solid #cbd5e1!important;padding:8px 0!important}.ybf-error-msg{font-size:12px;color:#ef4444;margin-top:6px;font-weight:500;display:flex;align-items:center;gap:4px}.ybf-terms-container{display:flex;align-items:flex-start;gap:12px;margin-top:24px;margin-bottom:24px}.ybf-checkbox{width:18px;height:18px;border-radius:4px;border:1.5px solid #cbd5e1;outline:none;cursor:pointer;accent-color:#2e76bc;margin-top:2px}.ybf-terms-label{font-size:14px;color:#475569;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ybf-terms-link{color:#2e76bc;font-weight:600;text-decoration:underline;transition:color .2s ease}.ybf-terms-link:hover{color:#142850}.ybf-pay-btn-container{margin-top:30px}.ybf-pay-btn{width:100%;padding:16px;background:linear-gradient(135deg,#142850,#2e76bc);color:#ffffff;border:none;border-radius:12px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(20,40,80,.25);display:flex;justify-content:center;align-items:center;gap:8px}.ybf-pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(20,40,80,.35);background:linear-gradient(135deg,#2e76bc,#142850)}.ybf-pay-btn:active{transform:translateY(0)}