.account-status-alert{border-radius:12px;padding:20px;margin-bottom:20px;background:#fff;border-left:4px solid #667eea;box-shadow:0 2px 8px #00000014}.account-status-alert.alert-danger{border-left-color:#e53e3e}.account-status-alert i{color:#667eea;font-size:20px;margin-right:12px}.account-status-alert.alert-danger i{color:#e53e3e}.account-status-alert .d-flex{gap:12px}.account-status-alert strong{font-size:16px;font-weight:600;display:block;margin-bottom:8px;color:#2d3748}.account-status-alert.alert-warning strong{color:#667eea}.account-status-alert.alert-danger strong{color:#e53e3e}.account-status-alert p{margin-bottom:16px;line-height:1.6;font-size:14px;color:#4a5568}.account-status-alert .d-flex.gap-2{gap:10px!important;flex-wrap:wrap}.account-status-alert .btn{border-radius:8px;padding:10px 20px;font-weight:500;font-size:13px;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.account-status-alert .btn:hover{opacity:.9;transform:translateY(-1px)}.account-status-alert .btn-primary{background:#667eea;color:#fff}.account-status-alert .btn-primary:hover{background:#5568d3}.account-status-alert .btn-outline-primary{background:#fff;color:#667eea;border:1px solid #667eea}.account-status-alert .btn-outline-primary:hover{background:#667eea;color:#fff}.account-status-alert .btn i{font-size:12px}@media(max-width:768px){.account-status-alert{padding:16px;margin-bottom:16px}.account-status-alert .d-flex.gap-2{flex-direction:column;width:100%;gap:8px!important}.account-status-alert .btn{width:100%;justify-content:center}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 70%);animation:floatBackground 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatBackground{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(30px,-30px) scale(1.1);opacity:.8}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px,80px 80px;background-position:0 0,20px 20px;animation:movePattern 40s linear infinite;pointer-events:none;z-index:0}@keyframes movePattern{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.login-section,.register-section{padding:40px 20px;position:relative;z-index:1;min-height:100vh;display:flex;align-items:center}.login-card,.register-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.3);overflow:hidden;animation:slideUp .6s cubic-bezier(.16,1,.3,1);transition:transform .3s,box-shadow .3s}.login-card:hover,.register-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 4px 12px #00000014,inset 0 1px #ffffffe6}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header,.register-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:50px 40px;text-align:center;position:relative;overflow:hidden}.login-header:before,.register-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-header .icon,.register-header .icon{font-size:64px;margin-bottom:20px;animation:float 3s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.login-header h2,.register-header h2{font-size:32px;margin-bottom:10px;font-weight:700;letter-spacing:-.5px;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.login-header p,.register-header p{font-size:16px;opacity:.95;position:relative;z-index:1;font-weight:400}.login-body,.register-body{padding:50px 40px}.form-label{color:#1f2937;font-weight:600;margin-bottom:10px;font-size:14px;display:flex;align-items:center;gap:6px}.form-label i{color:#667eea;font-size:13px}.form-control,.form-select{border:2px solid #e5e7eb;border-radius:12px;padding:14px 18px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#1f2937}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;outline:none;transform:translateY(-1px)}.form-control.is-invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.invalid-feedback{color:#ef4444;font-size:13px;margin-top:6px;font-weight:500}.required{color:#ef4444;font-weight:700}.btn-login,.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;color:#fff;box-shadow:0 4px 15px #667eea66,0 2px 5px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-login:before,.btn-register:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-login:hover:before,.btn-register:hover:before{left:100%}.btn-login:hover,.btn-register:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80,0 4px 10px #00000026;background:linear-gradient(135deg,#764ba2,#667eea);color:#fff}.btn-login:active,.btn-register:active{transform:translateY(0)}.btn-login:disabled,.btn-register:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-group-enhanced{position:relative}.form-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:2;transition:color .3s}.form-control-with-icon:focus+.form-icon,.form-control:focus~.form-icon{color:#667eea}.form-control-with-icon{padding-left:50px!important}.form-section{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:18px;font-weight:700;color:#667eea;margin-bottom:25px;padding-bottom:12px;border-bottom:3px solid #e5e7eb;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.section-title i{font-size:18px}.country-select-wrapper{position:relative}.country-search-input{width:100%;padding:14px 50px 14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background:#fff;color:#1f2937}.country-search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;outline:none;transform:translateY(-1px)}.country-search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.country-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:12px;max-height:320px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 10px 30px #00000026,0 4px 10px #0000001a}.country-dropdown.show{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.country-option{padding:14px 18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f3f4f6}.country-option:last-child{border-bottom:none}.country-option:hover{background:linear-gradient(90deg,#f3f4f6,#fff);padding-left:22px}.country-option.selected{background:linear-gradient(90deg,#eff6ff,#fff);color:#667eea;font-weight:600;border-left:4px solid #667eea}.country-flag{font-size:22px;width:28px;text-align:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.country-code{color:#9ca3af;font-size:13px;font-weight:500;margin-left:auto;background:#f3f4f6;padding:4px 8px;border-radius:6px}.auto-detected-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:20px;font-size:12px;margin-top:8px;font-weight:600;box-shadow:0 2px 5px #1e40af33}.phone-input-wrapper{position:relative;display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .3s;overflow:hidden}.phone-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-1px)}.phone-code-display{display:flex;align-items:center;justify-content:center;padding:14px 18px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-right:2px solid #e5e7eb;color:#667eea;font-weight:700;font-size:15px;min-width:70px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.phone-code-display:after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:#d1d5db}.phone-input{flex:1;border:none!important;padding:14px 18px!important;font-size:15px;background:transparent;color:#1f2937}.phone-input:focus{outline:none;box-shadow:none}.phone-input-wrapper.is-invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}#phone_hint{display:block;margin-top:6px;font-size:12px;color:#6b7280}.password-strength{margin-top:10px;font-size:13px}.password-strength-bar{height:5px;background:#e5e7eb;border-radius:3px;margin-top:8px;overflow:hidden;position:relative}.password-strength-fill{height:100%;width:0%;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:3px;position:relative}.password-strength-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.password-strength-weak{background:linear-gradient(90deg,#ef4444,#f87171)}.password-strength-medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.password-strength-strong{background:linear-gradient(90deg,#10b981,#34d399)}.alert{border-radius:12px;padding:14px 18px;margin-bottom:25px;border:none;font-size:14px;box-shadow:0 2px 8px #0000001a}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-left:4px solid #10b981}.alert-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-left:4px solid #ef4444}.login-body a,.register-body a{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s;position:relative}.login-body a:after,.register-body a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#667eea;transition:width .3s}.login-body a:hover,.register-body a:hover{color:#764ba2}.login-body a:hover:after,.register-body a:hover:after{width:100%}.form-check{display:flex;align-items:center;gap:10px}.form-check-input{width:20px;height:20px;cursor:pointer;border:2px solid #d1d5db;border-radius:6px;transition:all .3s}.form-check-input:checked{background-color:#667eea;border-color:#667eea;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-label{cursor:pointer;font-size:14px;color:#374151;font-weight:500}@media(max-width:768px){body{background-size:300% 300%}.login-section,.register-section{padding:30px 15px;min-height:auto}.login-card,.register-card{border-radius:20px;margin:0}.login-header,.register-header{padding:35px 25px}.login-header .icon,.register-header .icon{font-size:50px;margin-bottom:15px}.login-header h2,.register-header h2{font-size:24px}.login-header p,.register-header p{font-size:14px}.login-body,.register-body{padding:30px 25px}.form-section{margin-bottom:25px;padding-bottom:20px}.section-title{font-size:16px;margin-bottom:20px}.form-control,.form-select,.country-search-input{padding:12px 16px;font-size:14px}.form-control-with-icon{padding-left:45px!important}.form-icon{left:16px}.phone-code-display{min-width:60px;padding:12px 14px;font-size:14px}.phone-input{padding:12px 14px!important;font-size:14px}.btn-login,.btn-register{padding:14px 20px;font-size:15px}.country-dropdown{max-height:250px}.country-option{padding:12px 16px}}@media(max-width:480px){.login-section,.register-section{padding:20px 10px}.login-header,.register-header{padding:30px 20px}.login-body,.register-body{padding:25px 20px}.login-header h2,.register-header h2{font-size:22px}.section-title{font-size:15px}}.country-dropdown::-webkit-scrollbar{width:8px}.country-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.country-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.country-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}