.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(to bottom,#f0f4ff,#e6f0ff);padding:20px;text-align:center}.logo{max-width:200px;margin-bottom:20px}.title{font-size:2.5rem;color:#06c;margin:0}.slogan{font-size:1.2rem;color:#555;margin-bottom:40px}.form{width:100%;max-width:360px}.input{width:100%;padding:14px;margin:10px 0;border:1px solid #b3d4ff;border-radius:8px;font-size:1rem}.btn{width:100%;padding:14px;margin:10px 0;border-radius:8px;font-size:1.1rem;cursor:pointer}.primary{background:#06c;color:#fff;border:none}.secondary{background:transparent;color:#06c;border:2px solid #0066cc}.error{color:#dc3545;margin:10px 0}.footer{position:absolute;bottom:20px;font-size:.9rem;color:#888}.footer details{margin-top:10px}.app{height:100vh;display:flex;flex-direction:column}.bottom-tab-bar{display:flex;position:fixed;bottom:0;width:100%;background:#fff;border-top:1px solid #e0eaff}.bottom-tab-bar button{flex:1;padding:16px;background:none;border:none;font-size:1rem}.bottom-tab-bar .active{color:#06c;font-weight:700}