/* ORIGINAL STYLES PRESERVED */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Theseasons',sans-serif}
.nav-icon{width:16px;height:16px;margin-right:8px;vertical-align:middle}
.navbar{width:100%;background:#fff;border:2px solid #1c2433;font-weight:bold;position:relative;z-index:1000}
.navdiv{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}
.navbar ul{list-style:none;display:flex;gap:10px}
.navbar ul li a{text-decoration:none;color:#1c2433;font-size:15px;font-weight:bold}
.navbar ul li a:hover{color:#737373}
.navbar .logo a{text-decoration:none;color:#1c2433;font-weight:bold}
.navbar .logo a:hover{color:#737373}
.logo-section{display:flex;width:100%;height:400px;background:#1c2433;color:#fff}
.logo-container{flex:1;display:flex;justify-content:center;align-items:center}
.logo-container .logo-image{width:100%;height:100%;object-fit:contain}
.slogan-container{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 20px;color:#d2d2d2}
.slogan-container p{font-size:1.6em;line-height:1em;font-weight:normal;text-align:center;padding:0 5%}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:0.3s;z-index:900}
.overlay.active{opacity:1;visibility:visible}
.account-panel{position:fixed;top:0;right:-360px;width:360px;height:100%;background:white;box-shadow:-6px 0 25px rgba(0,0,0,0.3);transition:right 0.35s ease;z-index:1000;display:flex;flex-direction:column;font-size:15px}
.account-panel.active{right:0}
.account-header{position:relative;display:flex;justify-content:center;align-items:center;padding:9.8px 20px;border-top:2px solid #1c2433;border-bottom:2px solid #1c2433;background:#fff;font-weight:bold}
.header-center{display:flex;align-items:center;gap:8px;font-weight:bold}
.header-center h2{font-size:14px}
.header-user-icon{width:20px;height:20px}
.account-close{position:absolute;right:20px;cursor:pointer;font-size:15px;font-weight:bold}
.account-actions{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:70px;padding:0 20px}
.account-btn{width:130px;padding:7px 0;background:white;border:2px solid #5f697c;border-radius:30px;font-family:'Theseasons',sans-serif;font-size:15px;font-weight:bold;cursor:pointer;transition:0.25s}
.account-btn:hover{background:#5f697c;color:white}
.sign-in-form,.create-account-form,.account-dashboard{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}
.sign-in-form .sign-in-header,.create-account-form .sign-in-header,.account-dashboard .sign-in-header{display:flex;align-items:center;justify-content:center;position:relative;gap:10px;width:100%;font-size:15px}
.back-btn{position:absolute;left:-10px;top:-10px;width:20px;height:20px;cursor:pointer}
.input-box{font-family:'Arial',sans-serif;width:230px;padding:7px 10px;border:2px solid #5f697c;border-radius:10px;font-size:14px;text-align:center}
.sign-in-form .account-btn{width:100px}
.create-account-form .account-btn{width:130px}
.form-title{font-weight:normal !important;font-size:25px;text-align:center;padding-top:20px}
.form-error{color:red;text-align:center;font-size:14px}
.input-error{border-color:red !important}

/* PASSWORD RULES */
.password-rules{font-size:12px;color:#555;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:5px}
.rule{margin-left:5px}
.password-info{background:#ddd;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;cursor:pointer}

/* SUCCESS MESSAGE */
.success-message{color:green;font-size:16px;text-align:center;line-height:1.4}