@charset "UTF-8";
/* CSS Document */

body {
		margin:auto 0;
		background-color:#FFF;
		background: url(images/bg.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		width:100%;
}

#content {max-width: 100%; 
		background-color: #FFFFFF; 
		margin-top:50px;
		margin-bottom: 50px;
		margin-left: 50px;
		margin-right: 50px;
		padding: 30px;
		height: auto;
		z-index:1500;
		position:relative;
		border-radius: 15px;
		display: flex;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
    	min-height: 100vh;
    	flex-direction: column;
	
}

footer {background-color: #353535; padding: 30px; color: #FFFFFF; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 20px; line-height: 25px;}

.Site-content {
    flex: 1;
}

.title {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 50px; color: #000000; font-weight: bold;}

.subtitle {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 25px; color: #000000;}

.about {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #FFFFFF; font-size: 25px; font-weight: bold;
}

/* Container for flexboxes */
section {
  display: -webkit-flex;
  display: flex;
}

/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding: 10px;
}


/*Form CSS */
:root{
      --card-bg:#fff;
      --accent:#0b6efd;
      --muted:#666;
      --radius:12px;
      --shadow:0 6px 18px rgba(10,10,10,0.08);
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }
    body{
      background: linear-gradient(180deg,#f4f6fb, #fff);
      margin:0;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:100vh;
      padding:24px;
    }
    .card{
      width:100%;
      max-width:880px;
      background:var(--card-bg);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:28px;
      box-sizing:border-box;
    }
    h1{margin:0 0 8px 0;font-size:20px}
    p.lead{margin:0 0 18px 0;color:var(--muted);font-size:14px}
    form {
      display:grid;
      gap:12px;
      grid-template-columns: repeat(2, 1fr);
    }
    label{display:block;font-size:13px;margin-bottom:6px;color:#222}
    input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea {
      width:100%;
      padding:10px 12px;
      border:1px solid #ddd;
      border-radius:8px;
      box-sizing:border-box;
      font-size:14px;
    }
    textarea{min-height:100px;resize:vertical}
    .full{grid-column: 1 / -1;}
    .inline-row{display:flex;gap:8px}
    .sm {flex:1}
    .muted{font-size:13px;color:var(--muted)}
    .actions{display:flex;gap:12px;align-items:center;margin-top:6px}
    button{
      background:var(--accent);
      color:white;
      border:0;
      padding:10px 16px;
      border-radius:10px;
      cursor:pointer;
      font-weight:600;
    }
    .btn-secondary{
      background:transparent;color:var(--accent);border:1px solid rgba(11,110,253,0.16);
    }
    @media (max-width:720px){
      form{grid-template-columns: 1fr}
    }
    .success {background:#e6ffed;border:1px solid #a6f0c6;padding:10px;border-radius:8px;color:#0a6b2f}
    .error {background:#ffecec;border:1px solid #f0a6a6;padding:10px;border-radius:8px;color:#8b1b1b}
    .hp {position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}