.login-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a246366;border:1px solid #ffd70047;border-radius:16px;height:100%;font-family:Archivo Black,sans-serif;box-sizing:border-box!important;width:95%!important;padding:40px!important}.login-card h2{color:gold;margin-top:0;font-size:28px;font-weight:900;margin-bottom:20px!important}.login-card form{flex-direction:column;gap:15px;padding:0;display:flex}.login-card .form-group{width:100%;display:block}.login-card .form-group label{color:#fff;text-align:left;margin-bottom:6px;font-size:15px;display:block}.login-card .form-group input.form-control{color:#fff;box-sizing:border-box;background-color:#0a2463cc;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;min-height:48px;padding:10px 15px;font-size:14px;transition:all .5s ease-in-out}.login-card .form-group input.form-control::placeholder{color:#ffffff1a}.login-card .login-btn{color:#1e3a8a;text-transform:uppercase;cursor:pointer;width:100%;box-shadow:none;background:linear-gradient(145deg,#d4af37,gold,#b8860b);border:none;border-radius:5px;outline:none;padding:10px;font-size:14px;font-weight:900;transition:all .25s ease-in;display:block}.login-card .login-btn:hover{color:#0f172a;background:linear-gradient(145deg,gold,#fc0,#daa520);transform:translateY(-2px);box-shadow:0 6px 15px #00000040}.login-card .form-check label{margin-bottom:0}.login-card .fg-pw{color:#64748b;-webkit-appearance:none;background:0 0;margin:0;padding:0;font-family:Archivo Black,sans-serif;font-size:.8rem;font-weight:600;transition:all .25s ease-in}.login-card .fg-pw:hover{color:gold;background:0 0}@media (max-width:991px){.my-account .col-md-6{width:100%}.my-account .login-card{height:auto;margin:0 auto 25px}}@media (max-width:480px){.my-account .login-card{padding:25px!important}}
.register-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a246366;border:1px solid #ffd70047;border-radius:16px;height:100%;font-family:Archivo Black,sans-serif;box-sizing:border-box!important;width:95%!important;padding:40px!important}.register-card h2{color:gold;margin-top:0;font-size:28px;font-weight:900;margin-bottom:20px!important}.register-card form{flex-direction:column;gap:15px;padding:0;display:flex}.register-card .form-group{width:100%;display:block}.register-card .form-group label{color:#fff;text-align:left;margin-top:0;margin-bottom:6px;font-size:15px;display:block}.register-card .form-group input.form-control{color:#fff;box-sizing:border-box;background-color:#0a2463cc;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;min-height:48px;padding:10px 15px;font-size:14px;transition:all .5s ease-in-out}.register-card .form-group input.form-control::placeholder{color:#ffffff1a}.register-card p{color:#fff;font-family:Inter,sans-serif;font-size:12px}.register-card .register-btn{color:#1e3a8a;text-transform:uppercase;cursor:pointer;width:100%;box-shadow:none;background:linear-gradient(145deg,#d4af37,gold,#b8860b);border:none;border-radius:5px;outline:none;padding:10px;font-size:14px;font-weight:900;transition:all .25s ease-in;display:block}.register-card .register-btn:hover{color:#0f172a;background:linear-gradient(145deg,gold,#fc0,#daa520);transform:translateY(-2px);box-shadow:0 6px 15px #00000040}.register-card .form-group .g-btn{color:#fff;text-transform:uppercase;background:#ea4335;border:none;border-radius:5px;outline:none;margin:0 0 22px;padding:10px;font-family:Archivo Black,sans-serif;font-size:14px;font-weight:900;transition:all .25s ease-in;display:block}.register-card .form-group .g-btn:hover{color:#ea4335;background:#fff}.register-card .form-group .f-btn{color:#fff;text-transform:uppercase;background:#005fd5;border:none;border-radius:5px;outline:none;margin:0 0 22px;padding:10px;font-family:Archivo Black,sans-serif;font-size:14px;font-weight:900;transition:all .25s ease-in;display:block}.register-card .form-group .f-btn:hover{color:#005fd5;background:#fff}.register-card .form-group label a{color:gold;text-decoration:none}.register-card .form-group label a:hover{color:#fff}@media (max-width:991px){.register-card{height:auto;margin:0 auto}}@media (max-width:480px){.register-card{padding:25px!important}}
