/* Reset & Base */
*{box-sizing:border-box;margin:0;padding:0;}
body, html{font-family:Arial,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column;}
a{text-decoration:none;}
p.error{color:red;text-align:center;margin-top:10px;font-size:14px;}

/* Container & Layout */
.container{display:flex;gap:20px;flex-wrap:wrap;flex:1;padding:15px;}
.sidebar-ad{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:15px;}
.main-content{flex:1;min-width:0;max-width:400px;margin:auto;background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.1);}

/* Headings & Form */
h2{text-align:center;color:#1e40af;margin-bottom:20px;}
input{width:100%;padding:12px;margin:8px 0;border:1px solid #ccc;border-radius:6px;font-size:15px;}
button{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px;font-size:15px;}
button:hover{background:#2563eb;}
form label{font-size:14px;color:#333;}
p.forget-pass{text-align:center;margin-top:12px;font-size:14px;}
p.forget-pass a{color:#1e40af;}

/* Sidebar Ads */
.sidebar-ad > div{margin-bottom:20px;}

/* Footer fix */
footer{margin:0;padding:0;}

/* Responsive */
@media(max-width:1024px){
    .container{flex-direction:column;align-items:center;}
    .sidebar-ad{width:100%;order:2;}
    .main-content{width:100%;order:1;margin:0;}
}