*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,#232f3e,#1b2430);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 170px;box-sizing:border-box}.login-wrapper{width:100%;max-width:1200px;min-height:600px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0006}.left-panel{flex:1;background:#232f3e;color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center}.left-panel h1{font-size:2.5rem;margin-bottom:20px}.left-panel p{color:#cbd5e1;line-height:1.6;margin-bottom:30px}.highlight{display:flex;flex-direction:column;gap:10px}.highlight span{background:#febd691a;padding:10px 15px;border-left:4px solid #FEBD69;border-radius:8px;font-size:.9rem}.right-panel{flex:1;background:#f8fafc;display:flex;align-items:center;justify-content:center}.login-box{width:80%;max-width:350px}.login-box h2{text-align:center;margin-bottom:30px;color:#232f3e}.input-box{position:relative;margin-bottom:25px}.input-box input{width:100%;padding:12px;border:none;border-bottom:2px solid #ccc;outline:none;background:transparent;font-size:1rem}.input-box label{position:absolute;left:0;top:12px;color:#888;transition:.3s}.input-box input:focus~label,.input-box input:valid~label{top:-10px;font-size:.8rem;color:#febd69}button{width:100%;padding:12px;border:none;border-radius:10px;background:#febd69;color:#232f3e;font-weight:600;cursor:pointer;transition:.3s}button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.signup-text{text-align:center;margin-top:15px;font-size:.9rem}.signup-text a{color:#febd69;text-decoration:none;font-weight:600}@media(max-width:768px){.login-wrapper{flex-direction:column;height:auto}.left-panel{padding:40px;text-align:center}}.auth-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#232f3e;font-family:Arial}.back-btn{position:absolute;top:20px;left:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;color:#232f3e;border-radius:50%;box-shadow:0 8px 20px #00000040;text-decoration:none;font-size:18px;transition:.3s ease;z-index:1000}.back-btn:hover{transform:translate(-4px);background:#febd69;color:#232f3e}.message-container{padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:20px;line-height:1.4;text-align:left}.message-container.success{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981}.message-container.error{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.message-container.hidden{display:none}