.auth-wrapper {min-height: 100vh;background: linear-gradient(90deg, #0a1f59 40%, #342f82 100%);background-size: 400% 400%;animation: gradientBG 12s ease infinite;}@keyframes gradientBG {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.auth-wrapper .card {background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)) !important;backdrop-filter: blur(25px);border-radius: 22px;border: 1px solid rgba(255,255,255,0.08);padding: 25px;box-shadow: 0 25px 60px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(255,255,255,0.02);animation: fadeUp 0.8s ease;position: relative;overflow: hidden;max-width: 720px;margin: auto;}.auth-wrapper .card::before {content: "";position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle at center, rgba(255,255,255,0.08), transparent 60%);transform: rotate(25deg);pointer-events: none;}@keyframes fadeUp {from {opacity: 0;transform: translateY(35px) scale(.98);}to {opacity: 1;transform: translateY(0) scale(1);}}.brand-logo {text-align: center;margin-bottom: 5px;padding: 5px 0;}.brand-logo img {max-width: 250px;animation: floatLogo 4s ease-in-out infinite;filter: drop-shadow(0 8px 18px rgba(56,182,255,0.25));}.brand-logo::after {content: "";display: block;width: 140px;height: 3px;margin: 8px auto 0;background: linear-gradient(90deg, transparent, #38B6FF, transparent);opacity: 0.6;}@keyframes floatLogo {0% {transform: translateY(0px);}50% {transform: translateY(-6px);}100% {transform: translateY(0px);}}.notice-text {display: inline-block;font-size: 18px;font-weight: 800;letter-spacing: 1.3px;text-transform: uppercase;color: #FFFFFF;text-align: center;margin: 5px 0 22px 0;padding: 14px 28px;border-radius: 20px;text-shadow: 0 0 6px rgba(0,0,0,0.8), 0 0 18px rgba(0,0,0,0.8);position: relative;overflow: hidden;animation: noticeFloat 6s ease-in-out infinite;}.notice-text::before {content: "";position: absolute;top: 0;left: -150%;width: 150%;height: 100%;background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.5), transparent );animation: noticeShine 6s infinite;}@keyframes noticeShine {0% {left: -150%;}100% {left: 150%;}}@keyframes noticeFloat {0% {transform: translateY(0px);}50% {transform: translateY(-5px);}100% {transform: translateY(0px);}}.brand-logo {margin-bottom: 5px !important;}.brand-logo::after {margin-top: 4px !important;}.notice-text {margin-top: 4px !important;margin-bottom: 8px !important;}.row .text-center {margin-bottom: 4px !important;}.auth-wrapper .card {padding-top: 20px !important;padding-bottom: 20px !important;}#password-confirm {margin-bottom: 16px !important;}select.form-control {margin-top: 12px !important;}.form-control {background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));border: 1px solid rgba(255,255,255,0.12);color: #ffffff !important;height: 54px;border-radius: 16px;padding-left: 18px;transition: all .35s ease;font-weight: 600;letter-spacing: .3px;backdrop-filter: blur(8px);box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), inset 0 -1px 2px rgba(0,0,0,0.35), 0 8px 18px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.25);}.form-control:hover {transform: translateY(-2px);box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), inset 0 -1px 2px rgba(0,0,0,0.35), 0 14px 30px rgba(0,0,0,0.45), 0 0 15px rgba(56,182,255,0.15);}.form-control::placeholder {color: rgba(255,255,255,0.65);font-weight: 500;}.form-control:focus {background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));border-color: #38B6FF;color: #ffffff !important;transform: translateY(-2px);box-shadow: 0 0 0 2px rgba(56,182,255,0.2), 0 20px 40px rgba(0,0,0,0.5), 0 0 25px rgba(56,182,255,0.35), inset 0 1px 2px rgba(0,0,0,0.3);}.form-control, .form-control:focus, input, textarea, select {color: #ffffff !important;font-weight: 600;}textarea.form-control {min-height: 130px;}select.form-control {background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));color: #ffffff !important;font-weight: 600;}select.form-control option {background: #0f1f3d;color: #ffffff;}select.form-control option:checked {background: #38B6FF;color: #ffffff;}input:-webkit-autofill, input:-webkit-autofill:focus {-webkit-text-fill-color: #ffffff;transition: background-color 9999s ease-in-out 0s;}.btn.btn-primary{padding:18px 20px;border-radius:14px;border:none;font-weight:800;letter-spacing:.5px;color:#fff !important;background:linear-gradient(135deg,#7b5cff,#b44cff);position:relative;overflow:hidden;transition:all .35s ease;box-shadow: 0 10px 25px rgba(123,92,255,.35), inset 0 0 10px rgba(255,255,255,.05);}.btn.btn-primary::after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,#38B6FF,#7b5cff);opacity:0;transition:.35s;z-index:-1;}.btn.btn-primary::before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:rgba(255,255,255,.25);transform:skewX(-25deg);transition:.6s;}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow: 0 15px 35px rgba(123,92,255,.55), 0 0 25px rgba(56,182,255,.35);}.btn.btn-primary:hover::before{left:130%;}.btn.btn-primary:hover::after{opacity:.25;}.btn.btn-primary:active{transform:scale(.97);box-shadow: 0 8px 18px rgba(0,0,0,.35);}#termsCheck {appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border-radius: 4px;border: 2px solid rgba(56,182,255,.9);background: rgba(255,255,255,0.05);cursor: pointer;position: relative;transition: .25s ease;vertical-align: middle;}#termsCheck:checked {background: linear-gradient(135deg,#7a31f7,#b256f7);box-shadow: 0 0 8px rgba(122,49,247,.6);}#termsCheck:checked::after {content: "";position: absolute;left: 6px;top: 3px;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}#termsCheck + label {font-size: 20px;font-weight: 900;letter-spacing: .6px;color: #4fc3ff !important;margin-left: 6px;cursor: pointer;}#termsCheck + label:hover {text-decoration: underline;color: #7a31f7 !important;}label {color: #ffffff !important;font-size: 16px;}p {color: rgba(255,255,255,0.85);font-size: 16px;}.text-base {color: #07A5FF !important;font-size: 17px;font-weight: 600;}@media (max-width: 768px) {.auth-wrapper .card {padding: 20px;}}.auth-wrapper .card.my-5{background: linear-gradient( 145deg, rgba(0,22,81,0.95) 0%, rgba(11,23,58,0.95) 40%, rgba(20,42,107,0.90) 75%, rgba(6,18,48,0.95) 100% ) !important;border-radius:24px !important;border: 1px solid rgba(255,255,255,0.06);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow: 0 30px 80px rgba(0,0,0,.60), 0 0 40px rgba(56,182,255,.10), 0 0 80px rgba(122,49,247,.08), inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.35) !important;position: relative;overflow: hidden;}.approval-card{max-width: 520px;margin: 80px auto;padding: 45px 35px;text-align: center;border-radius: 22px;background: linear-gradient(145deg,#0b1e4a,#081636);border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 25px 60px rgba(0,0,0,.55), 0 0 40px rgba(56,182,255,.15);animation: fadeUp .6s ease;}.approval-icon{width: 75px;height: 75px;margin: 0 auto 22px;border-radius: 50%;background: linear-gradient(135deg,#38B6FF,#7b5cff);display:flex;align-items:center;justify-content:center;font-size: 32px;font-weight:700;color:#fff;box-shadow: 0 0 25px rgba(56,182,255,.6), inset 0 0 12px rgba(255,255,255,.25);}.approval-card h3{color:#ffffff;font-weight:800;font-size:26px;letter-spacing:.5px;margin-bottom:15px;text-shadow: 0 2px 8px rgba(0,0,0,.5), 0 0 12px rgba(56,182,255,.35);}.approval-card p{color: rgba(255,255,255,.92);font-size:17px;font-weight:600;line-height:1.7;margin-bottom:28px;text-shadow: 0 1px 5px rgba(0,0,0,.45);}.approval-btn{padding: 12px 32px;border-radius: 40px;background: linear-gradient(135deg,#38B6FF,#7b5cff);border:none;font-weight:700;letter-spacing:.3px;box-shadow:0 10px 25px rgba(56,182,255,.25);}.approval-btn:hover{transform: translateY(-3px);box-shadow: 0 15px 35px rgba(56,182,255,.45), 0 0 20px rgba(56,182,255,.35);}@keyframes fadeUp{from{opacity:0;transform: translateY(20px);}to{opacity:1;transform: translateY(0);}}.premium-login{max-width:420px;margin:auto;}.login-header{margin-bottom:30px;}.login-header h3{color:#38B6FF;font-weight:700;font-size:18px;margin-bottom:6px;}.login-header p{font-size:14px;font-weight:600;letter-spacing:.4px;background:linear-gradient(90deg,#38B6FF,#7b5cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(255,255,255,.35);}.premium-login .form-group{margin-bottom:18px;}.password-group{position:relative;}.toggle-password{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);cursor:pointer;transition:.3s;}.toggle-password:hover{color:#38B6FF;}.forgot-area{margin-top:5px;margin-bottom:10px;}.forgot-area a{color:rgba(255,255,255,.8);font-size:14px;text-decoration:none;transition:.3s;}.forgot-area a:hover{color:#38B6FF;}.forgot-area img{width:18px;margin-right:5px;}.login-btn{margin-top:20px;padding:13px;border-radius:14px;border:none;background:linear-gradient(135deg,#7b5cff,#b44cff);color:#fff;font-weight:700;letter-spacing:.4px;box-shadow: 0 10px 25px rgba(123,92,255,.35);transition:.3s;}.login-btn:hover{transform:translateY(-2px);box-shadow: 0 15px 35px rgba(123,92,255,.55), 0 0 20px rgba(123,92,255,.35);}.signup-text{text-align:center;margin-top:18px;color:rgba(255,255,255,.75);}.signup-text a{color:#38B6FF;font-weight:700;margin-left:5px;}.premium-login .form-control:focus{border-color:#38B6FF;box-shadow: 0 0 0 2px rgba(56,182,255,.15), 0 0 12px rgba(56,182,255,.25);}