:root{--account-blue:#376fa9;--account-blue-dark:#285780;--account-accent:#f3a51b;--account-border:#cbd8e3;--account-bg:#eaf1f6;--account-text:#263847}
html,body{min-height:100%}body{font-family:Arial,Helvetica,sans-serif!important;background:linear-gradient(#edf4f8,#dce7ef)!important;color:var(--account-text)!important}
.login-container,.register-container,.forgot-container,.reset-container{max-width:460px!important;margin:7vh auto 30px!important;border:1px solid #aebfcd!important;border-radius:8px!important;box-shadow:0 18px 55px rgba(30,62,88,.13)!important;background:#fff!important;overflow:hidden!important}
.login-header,.register-header{background:linear-gradient(#5f91ba,#376fa9)!important;color:#fff!important;padding:24px!important;border-bottom:1px solid #285780!important}
.login-header i,.register-header i{color:#ffd640!important;font-size:30px!important}.login-header h1,.register-header h1{font-size:22px!important}.login-header p,.register-header p{color:#edf6fc!important}
.login-form,.register-form{padding:26px!important}.login-footer,.register-footer{background:#f4f7f9!important;border-top:1px solid #dbe3e9!important}.login-footer a,.register-footer a,.forgot-footer a,.reset-footer a{color:var(--account-blue)!important}
.form-control,.form-select{border:1px solid #bdcbd6!important;border-radius:5px!important;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:var(--account-blue)!important;box-shadow:0 0 0 2px rgba(55,111,169,.13)!important}
.login-button,.register-button,.forgot-container .btn-primary,.reset-container .btn-primary,.profile-container .btn-primary,.settings-container .btn-primary{background:linear-gradient(#f7b53a,#e8950b)!important;border:1px solid #cd7e00!important;color:#fff!important;border-radius:5px!important;font-weight:700!important;box-shadow:none!important;transform:none!important}.login-button:hover,.register-button:hover,.forgot-container .btn-primary:hover,.reset-container .btn-primary:hover,.profile-container .btn-primary:hover,.settings-container .btn-primary:hover{background:linear-gradient(#ffc354,#ed9a12)!important;border-color:#bf7500!important;transform:none!important}
.forgot-container,.reset-container{padding:28px!important}.forgot-header i,.reset-header i{color:var(--account-blue)!important}.forgot-header h1,.reset-header h1{font-size:22px!important;color:var(--account-text)!important}
body>header.bg-dark{background:linear-gradient(#4d7fa8,#376fa9)!important;border-bottom:1px solid #285780!important;box-shadow:0 2px 8px rgba(26,56,78,.15)}
.profile-container,.settings-container,.friends-container{max-width:980px!important;margin:24px auto!important}.profile-cover{background:linear-gradient(135deg,#d9e8f4,#bcd4e6)!important;height:125px!important}.profile-header,.form-section,.settings-section,.friend-tabs,.friend-card{border-color:var(--account-border)!important;box-shadow:0 8px 28px rgba(40,75,100,.06)!important}.profile-header,.form-section,.settings-section{background:#fff!important;border:1px solid var(--account-border)!important;border-radius:7px!important}.profile-nav{background:#f5f8fa!important;border:1px solid var(--account-border)!important;border-radius:6px!important}.profile-nav a.active,.settings-nav a.active{color:var(--account-blue)!important;border-bottom-color:var(--account-blue)!important}.friend-tabs a.active{background:var(--account-blue)!important}.btn-add{background:var(--account-blue)!important}.btn-message{background:#2c8a99!important}
.error-message,.alert-danger{border-radius:5px!important}.success-message,.alert-success{border-radius:5px!important}
@media(max-width:600px){.login-container,.register-container,.forgot-container,.reset-container{margin:15px!important;max-width:none!important}.profile-container,.settings-container,.friends-container{margin:10px!important}}