*{
 margin:0;
 padding:0;
 box-sizing:border-box;
 font-family:Arial, Helvetica, sans-serif;
}

/* ===== PAGE ===== */
body{
 min-height:100vh;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 background:linear-gradient(135deg,#667eea,#764ba2);
}

/* ===== SIGNUP ===== */
.signup-container{
 display:flex;
 justify-content:center;
 align-items:center;
 padding:40px 20px;
}

.signup-box{
 background:#fff;
 padding:40px;
 border-radius:12px;
 width:340px;
 box-shadow:0 10px 25px rgba(0,0,0,0.2);
 text-align:center;
}

.signup-box h2{
 margin-bottom:20px;
}

.signup-box input{
 width:100%;
 padding:12px;
 margin:10px 0;
 border-radius:8px;
 border:1px solid #ddd;
}

.signup-box button{
 width:100%;
 padding:12px;
 border:none;
 border-radius:8px;
 background:linear-gradient(135deg,#667eea,#764ba2);
 color:#fff;
 font-size:16px;
 cursor:pointer;
}

.login-link{
 margin-top:15px;
 font-size:14px;
}

.login-link a{
 text-decoration:none;
 color:#667eea;
 font-weight:bold;
}

/* ===== FOOTER ===== */
.footer-section{
 background:#c30404;
 color:#fff;
 padding:40px 20px;
 font-size:14px;
}

.footer-container{
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:20px;
 max-width:1100px;
 margin:auto;
}

.footer-box{
 flex:1 1 200px;
 min-width:200px;
}

.footer-box h3{
 color:#ffcc00;
 margin-bottom:12px;
}

.footer-box a{
 color:#fff;
 text-decoration:none;
 display:block;
 margin-bottom:6px;
}

.footer-box a:hover{
 color:#ffcc00;
}

.copyright{
 text-align:center;
 margin-top:25px;
 font-size:12px;
 color:#ccc;
}

/* ===== MOBILE ===== */
@media (max-width:768px){
 .footer-container{
  flex-direction:column;
  text-align:center;
 }
}