.book-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#dbeafe,#f3f4f6);font-family:Poppins,sans-serif}.book-container{display:flex;width:90%;max-width:980px;height:580px;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0003;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.book-page{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.left-page{background:linear-gradient(to bottom right,#f6c500,#f6c500);color:#fff;text-align:left}.logo-title{font-size:34px;font-weight:700;margin-bottom:10px}.welcome-line{font-size:18px;margin-bottom:12px;font-weight:500}.desc-text{font-size:14px;line-height:1.6;opacity:.9;margin-bottom:40px}.line-separator{height:1px;background-color:#ffffff4d;margin-bottom:16px}.bottom-note{font-size:12px;opacity:.6}.right-page{background:#fff}.login-heading{font-size:24px;font-weight:600;margin-bottom:24px;color:#f6c500;text-align:center}.login-form label{font-size:14px;margin-bottom:4px;color:#4b5563}.login-form input{padding:10px 12px;margin-bottom:18px;border:1px solid #d1d5db;border-radius:6px;width:100%;font-size:14px}.password-wrapper{position:relative}.show-toggle{position:absolute;top:9px;right:12px;font-size:13px;cursor:pointer;color:#f6c500}.login-btn{width:100%;background-color:#f6c500;color:#fff;padding:10px;border:none;border-radius:6px;font-weight:600;font-size:15px;margin-top:10px}.login-btn:hover{background-color:#f6c500}.forgot-text{display:block;text-align:center;margin-top:12px;font-size:13px;color:#6b7280;text-decoration:none}@media (max-width: 768px){.book-container{flex-direction:column;height:auto;max-height:none}.left-page,.right-page{border-radius:0;text-align:center}.right-page{padding-top:20px}}.login-logo{width:100px;margin-bottom:8px}