*{
       margin:0;
       padding:0;
       box-sizing:border-box;
       font-family:'Poppins',sans-serif;
   }
   
   body{
       background:#f1f5f9;
       color:#0f172a;
   }
   
   
   
   /* ================= SIGNUP SECTION ================= */
   .signup-section{
       padding:60px 8%;
       display:flex;
       justify-content:center;
   }
   
   .signup-container{
       background:white;
       width:100%;
       max-width:900px;
       padding:40px;
       border-radius:16px;
       box-shadow:0 20px 40px rgba(0,0,0,0.08);
   }
   
   .signup-container h2{
       margin-bottom:30px;
   }
   
   /* FORM GRID */
   .form-grid{
       display:grid;
       grid-template-columns:1fr 1fr;
       gap:20px;
   }
   
   .input-group{
       display:flex;
       flex-direction:column;
   }
   
   .input-group label{
       font-size:14px;
       font-weight:600;
       margin-bottom:6px;
   }
   
   .input-group input{
       padding:12px 14px;
       border:1px solid #ccc;
       border-radius:8px;
       outline:none;
       transition:0.3s;
   }
   
   .input-group input:focus{
       border-color:#14b8a6;
       box-shadow:0 0 0 3px rgba(20,184,166,0.2);
   }
   
   /* Full width field */
   .full-width{
       grid-column:1/3;
   }
   
   /* Checkbox */
   .checkbox-group{
       display:flex;
       align-items:center;
       gap:8px;
       margin-top:10px;
   }
   
   .checkbox-group a{
       color:#14b8a6;
       text-decoration:none;
   }
   
   .checkbox-group a:hover{
       text-decoration:underline;
   }
   
   /* Buttons */
   .button-group{
       margin-top:20px;
       display:flex;
       gap:10px;
   }
   
   .btn-primary{
       padding:12px 25px;
       background:#14b8a6;
       border:none;
       color:white;
       border-radius:8px;
       cursor:pointer;
       font-weight:600;
       transition:0.3s;
   }
   
   .btn-primary:hover{
       background:#0f766e;
   }
   
   .btn-secondary{
       padding:12px 25px;
       background:transparent;
       border:1px solid #ccc;
       border-radius:8px;
       cursor:pointer;
   }
   
   .btn-secondary:hover{
       background:#f1f5f9;
   }
   
   /* Bottom text */
   .bottom-text{
       margin-top:20px;
       font-size:14px;
   }
   
   .bottom-text a{
       color:#14b8a6;
       text-decoration:none;
   }
   
   .bottom-text a:hover{
       text-decoration:underline;
   }
   
   
   
   /* ================= RESPONSIVE ================= */
   @media(max-width:768px){
       .form-grid{
           grid-template-columns:1fr;
       }
   
       .full-width{
           grid-column:auto;
       }
   }