.account-page{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);min-height:100vh;font-family:"Arial",sans-serif}.account-container{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.account-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.account-logo img{height:50px}.back-home{color:white;text-decoration:none;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:20px;transition:all .3s ease}.back-home:hover{background:rgba(255,255,255,.2)}.account-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.account-content{background:white;border-radius:15px;padding:3rem;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:500px;width:100%}.account-content h1{text-align:center;color:#333;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:bold}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#2a5298}.btn-login{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:12px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:transform .3s ease}.btn-login:hover{transform:translateY(-2px)}.register-section{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.register-link{color:#2a5298;text-decoration:none;font-weight:bold}.register-link:hover{text-decoration:underline}.account-footer{text-align:center;padding:1rem;color:rgba(255,255,255,.8);font-size:.9rem}@media (max-width:768px){.account-header{padding:1rem}.account-content{padding:2rem;margin:1rem}}