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


/* ================= RESET / BAZĂ ================= */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Open Sans", sans-serif;
  line-height:1.6;
  background:#ffffff;
  color:#0f172a;
}
body.menu-open{
  overflow:hidden;
}
img{
  max-width:100%;
  display:block;
}

a{
  text-decoration:none;
  color:inherit;
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}

h1,h2,h3,p{
  margin:0;
}

button,
input,
textarea{
  font:inherit;
}

html,
body{
  overflow-x:hidden;
}

/* ================= VARIABILE ================= */
:root{
  --brand:#ea580c;
  --brand-dark:#c2410c;
  --accent:#0f172a;
  --accent-soft:#1e293b;
  --text:#0f172a;
  --muted:#475569;
  --line:#e2e8f0;
  --bg:#f8fafc;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(15,23,42,0.08);
  --radius:20px;
}

/* ================= UTILITARE ================= */
.container{
  width:min(1200px, calc(100% - 32px));
  margin-inline:auto;
}
.section{
  padding:56px 0;
}
.section-heading{
  text-align:center;
  margin-bottom:32px;
}
.section-subtitle{
  display:inline-block;
  margin-bottom:10px;
  font-size:0.9rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--brand);
}
.section-heading h2,
.advantages-text h2,
.cta-box h2{
  font-size:1.9rem;
  line-height:1.2;
  margin-bottom:12px;
}
.section-heading p,
.advantages-text p,
.cta-box p{
  color:var(--muted);
}

/* ================= BUTOANE ================= */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid var(--line);
  font-weight:800;
  transition:0.25s ease;
}
.btn:hover{
  transform:translateY(-2px);
}
.btn-primary{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}
.btn-primary:hover{
  background:var(--brand-dark);
  border-color:var(--brand-dark);
}
.btn-secondary{
  background:#fff;
  color:var(--accent);
}
.btn-secondary:hover{
  border-color:var(--accent);
}


/* ================= HEADER ================= */
.site-header{
  position:fixed;
  top:0; left:0; right:0;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
  z-index:1000;
}
.header-inner{
  height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{
  font-weight:900;
  font-size:20px;
  color:var(--accent);
}
.logo span{ color:var(--brand); }

/* ================= NAV (mobile) ================= */
.nav{ position: relative; }
/* butoane */
.hamburger,
.close-btn{
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
}
.hamburger{
  color: var(--brand);
  display: block;
}
/* close ascuns implicit */
.close-btn{
  display: none;
  position: fixed;
  top: 18px;
  right: 18px;
  color: #fff;
  z-index: 2100;
}
/* meniu overlay */
.nav-menu{
  position: fixed;
  inset: 0;
  background: linear-gradient(180deg, var(--brand), #050c1a);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;

  transform: translateY(-100%);
  transition: transform .35s ease;

  z-index: 2000;
  padding: 90px 18px 40px;
  min-height: 100vh;
}
.nav-menu a{
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: .2px;
  padding: 10px 14px;
  border-radius: 12px;
}
.nav-menu a.active{
  background:var(--accent);
  color:#fff;
}
.nav-cta{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
}



/* stare deschis */
.nav.is-open .nav-menu{ transform: translateY(0); }
.nav.is-open .hamburger{ display: none; }
.nav.is-open .close-btn{ display: block; }





/* ================= HERO ================= */
.hero{
  padding:72px 0 64px;
  background:
    linear-gradient(rgba(15,23,42,0.78), rgba(15,23,42,0.78)),
    url("../images/hero.jpg") center/cover no-repeat;
  color:#fff;
}
.hero-content{
  text-align:center;
}
.eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-size:0.9rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#fdba74;
}
.hero h1{
  font-size:2.2rem;
  line-height:1.15;
  margin-bottom:16px;
}

.hero-text{
  max-width:720px;
  margin:0 auto;
  color:rgba(255,255,255,0.9);
}

.hero-actions{
  margin-top:28px;
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
}

/* ================= SERVICII ================= */
.services-preview{
  background:var(--bg);
}

.cards{
  display:grid;
  gap:20px;
}

.card{
  position:relative;
  background:var(--white);
  padding:24px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.card::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.5) 50%,
    transparent 100%
  );
  transition:left 0.7s ease;
}

.card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(15,23,42,0.12);
}

.card:hover::before{
  left:130%;
}

.card-icon{
  width:56px;
  height:56px;
  margin-bottom:16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:1.5rem;
  background:#fff7ed;
  border:1px solid #fed7aa;
}

.card h3{
  font-size:1.2rem;
  margin-bottom:10px;
  color:var(--accent);
}

.card p{
  color:var(--muted);
}

/* ================= PROCESS ================= */
.process-steps{
  display:grid;
  gap:18px;
}

.step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px 20px;
  box-shadow:var(--shadow);
}

.step-number{
  width:42px;
  height:42px;
  margin-bottom:14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--brand);
  color:#fff;
  font-weight:800;
}

.step h3{
  margin-bottom:8px;
  font-size:1.1rem;
}

.step p{
  color:var(--muted);
}

/* ================= AVANTAJE ================= */
.advantages{
  background:var(--bg);
}

.advantages-grid{
  display:grid;
  gap:28px;
}

.advantages-list{
  display:grid;
  gap:14px;
}

.advantages-list li{
  position:relative;
  padding:14px 16px 14px 52px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  color:var(--accent-soft);
  font-weight:600;
  box-shadow:var(--shadow);
}

.advantages-list li::before{
  content:"✔";
  position:absolute;
  top:50%;
  left:16px;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#dcfce7;
  color:#15803d;
  font-size:0.9rem;
  font-weight:800;
}

/* ================= CTA ================= */
.cta-box{
  text-align:center;
  background:linear-gradient(135deg, #fff7ed, #ffffff);
  border:1px solid #fed7aa;
  border-radius:28px;
  padding:32px 20px;
  box-shadow:var(--shadow);
}

.cta-box .btn{
  margin-top:22px;
}

/* ================= FOOTER ================= */
.site-footer{
  padding:24px 0;
  background:var(--accent);
  color:rgba(255,255,255,0.8);
}

.footer-inner{
  text-align:center;
  font-size:0.95rem;
}

/* =================--servicii.html-PAGE HERO ================= */
.page-hero{
  padding: 88px 0 56px;
  background:
    linear-gradient(rgba(15,23,42,0.82), rgba(15,23,42,0.82)),
    url("../images/page-hero.jpg") center/cover no-repeat;
  color: #fff;
}
.page-hero .eyebrow{
  margin-bottom: 12px;
}
.page-hero h1{
  margin: 0 0 16px;
  font-size: 2rem;
  line-height: 1.15;
}
.page-hero-text{
  max-width: 700px;
  margin: 0;
  color: rgba(255,255,255,0.9);
  font-size: 1rem;
}
/* ================= SECTION HEADING ================= */
.section-heading{
  max-width: 760px;
  margin: 0 auto 32px;
  text-align: center;
}
.section-heading .eyebrow{
  margin-bottom: 10px;
}
.section-heading h2{
  margin: 0 0 14px;
  font-size: 1.75rem;
  line-height: 1.2;
  color: #0f172a;
}
.section-heading p{
  margin: 0;
  color: #475569;
}

/* =================-servicii.html-ERVICES DETAILED ================= */
.services-detailed{
  background: #f8fafc;
}
.services-grid{
  display: grid;
  gap: 24px;
}

.service-card{
  position:relative;
  background:var(--white);
  padding:24px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.service-card::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.5) 50%,
    transparent 100%
  );
  transition:left 0.7s ease;
}

.service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(15,23,42,0.12);
}

.service-card:hover::before{
  left:130%;
}
.service-icon{
  width:56px;
  height:56px;
  margin-bottom:16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:1.5rem;
  background:#fff7ed;
  border:1px solid #fed7aa;
}
.service-card h3{
  font-size:1.2rem;
  margin-bottom:10px;
  color:var(--accent);
}
.service-card h3 p{
  color:var(--muted);
}
.service-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.service-list li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  color: #334155;
}
.service-list li:last-child{
  margin-bottom: 0;
}
.service-list li::before{
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dcfce7;
  color: #15803d;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
}
/* =================-servicii.html-INCLUDED SECTION ================= */
.included-section{
  background: #ffffff;
}
.included-grid{
  display: grid;
  gap: 24px;
}
.included-box{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 24px 20px;
}
.included-box h2{
  margin: 0 0 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #0f172a;
}
.included-box p{
  margin: 0 0 16px;
  color: #475569;
}
.highlight-box{
  background:
    linear-gradient(rgba(15,23,42,0.90), rgba(15,23,42,0.90)),
    url("../images/cta-bg.jpg") center/cover no-repeat;
  color: #fff;
  border: 0;
}
.highlight-box h2,
.highlight-box p,
.highlight-box .eyebrow{
  color: #fff;
}
.highlight-box .btn{
  margin-top: 8px;
}

/* =================-servicii.html-CHECK LIST ================= */
.check-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.check-list li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  color: #334155;
}
.check-list li:last-child{
  margin-bottom: 0;
}
.check-list li::before{
  content: "✔";
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dcfce7;
  color: #15803d;
  font-size: 0.8rem;
  font-weight: 700;
}

/* =================-servicii.html-ROCESS SECTION ================= */
.process-section{
  background: #f8fafc;
}
.process-grid{
  display: grid;
  gap: 20px;
}
.process-card{
  position: relative;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 24px 20px;
  box-shadow: 0 8px 24px rgba(15,23,42,0.05);
}
.step-number{
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #0f172a;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
.process-card h3{
  margin: 0 0 10px;
  font-size: 1.15rem;
  color: #0f172a;
}
.process-card p{
  margin: 0;
  color: #475569;
}

/* ================= CTA SECTION ================= */
.cta-section{
  background: #ffffff;
}
.cta-box{
  padding: 28px 20px;
  border-radius: 24px;
  background:
    linear-gradient(rgba(15,23,42,0.92), rgba(15,23,42,0.92)),
    url("../images/cta-bg.jpg") center/cover no-repeat;
  color: #fff;
  text-align: center;
  box-shadow: 0 14px 36px rgba(15,23,42,0.12);
}
.cta-box .eyebrow{
  color: rgba(255,255,255,0.85);
}
.cta-box h2{
  margin: 0 0 14px;
  font-size: 1.7rem;
  line-height: 1.2;
}

.cta-box p{
  max-width: 720px;
  margin: 0 auto 22px;
  color: rgba(255,255,255,0.9);
}
.cta-actions{
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.cta-actions .btn{
  width: 100%;
  max-width: 240px;
}

/* =================-despre.html-ABOUT STORY ================= */
.about-story{
  background: #ffffff;
}
.about-grid{
  display: grid;
  gap: 24px;
}
.about-text h2{
  margin: 0 0 14px;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #0f172a;
}
.about-text p{
  margin: 0 0 14px;
  color: #475569;
}
.about-image img{
  width: 100%;
  height: auto;
  border-radius: 22px;
  box-shadow: 0 12px 30px rgba(15,23,42,0.08);
}

/* =================-despre.html-VALUES ================= */
.values-section{
  background: #f8fafc;
}
.values-grid{
  display: grid;
  gap: 20px;
}
.value-card{
  position:relative;
  background:var(--white);
  padding:24px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.value-card::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.5) 50%,
    transparent 100%
  );
  transition:left 0.7s ease;
}

.value-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(15,23,42,0.12);
}

.value-card:hover::before{
  left:130%;
}
.value-icon{
  width:56px;
  height:56px;
  margin-bottom:16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:1.5rem;
  background:#fff7ed;
  border:1px solid #fed7aa;
}
.value-card h3{
  font-size:1.2rem;
  margin-bottom:10px;
  color:var(--accent);
}
.value-card p{
  color:var(--muted);
}

/* =================-despre.html-WHY US ================= */
.why-us-section{
  background: #ffffff;
}
.why-us-grid{
  display: grid;
  gap: 24px;
}
.why-us-box{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 24px 20px;
}
.why-us-box h2{
  margin: 0 0 14px;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #0f172a;
}
.why-us-box p{
  margin: 0;
  color: #475569;
}

/* ================= CONTACT ================= */
.contact-section{
  background: #f8fafc;
}
.contact-grid{
  display: grid;
  gap: 24px;
}
.contact-info-box,
.contact-form-box{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 24px 20px;
  box-shadow: 0 8px 24px rgba(15,23,42,0.05);
}
.contact-info-box h2{
  margin: 0 0 14px;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #0f172a;
}
.contact-info-box p{
  color: #475569;
}
.contact-info-list{
  margin-top: 24px;
  display: grid;
  gap: 18px;
}
.contact-info-item{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.contact-icon{
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  font-size: 1.1rem;
}
.contact-info-item h3{
  margin: 0 0 6px;
  font-size: 1.05rem;
  color: #0f172a;
}
.contact-info-item p{
  margin: 0;
  color: #475569;
}
.contact-form{
  display: grid;
  gap: 16px;
}
.form-group{
  display: grid;
  gap: 8px;
}
.form-group label{
  font-weight: 700;
  color: #0f172a;
}
.form-group input,
.form-group textarea{
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 14px;
  font: inherit;
  color: #0f172a;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.form-group input:focus,
.form-group textarea:focus{
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,0.12);
}
.form-group textarea{
  resize: vertical;
  min-height: 140px;
}













/* ================= TABLETĂ ================= */
@media (min-width:768px){
	.hamburger,.close-btn{ display:none !important; }
	.nav-menu{
    position:static;
    transform:none;
    background:transparent;
    flex-direction:row;
    gap:18px;
    padding:0;
  }
	.nav-menu a{
    color:var(--accent);
    font-size:16px;
  }
	.nav-menu a.active{
    background:transparent;
    color:var(--brand);
  }
	
  .section{
    padding:72px 0;
  }

  .hero{
    padding:96px 0 88px;
  }

  .hero h1{
    font-size:3rem;
  }

  .hero-actions{
    flex-direction:row;
    justify-content:center;
  }

  .cards{
    grid-template-columns:repeat(2, 1fr);
  }

  .process-steps{
    grid-template-columns:repeat(2, 1fr);
  }

  .advantages-grid{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }

  .cta-box{
    padding:42px 32px;
  }
	
	/*---servicii.html---*/
	 .page-hero{
    padding: 110px 0 72px;
  }
.page-hero h1{
    font-size: 2.5rem;
  }
.section-heading{
    margin-bottom: 40px;
  }
.services-grid{
    grid-template-columns: repeat(2, 1fr);
  }
.included-grid{
    grid-template-columns: 1.1fr 0.9fr;
    align-items: stretch;
  }
 .process-grid{
    grid-template-columns: repeat(2, 1fr);
  }
 .cta-actions{
    flex-direction: row;
    justify-content: center;
  }
.cta-actions .btn{
    width: auto;
    min-width: 180px;
  }
	
	/*---despre.html---*/
	.about-grid{
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
	.about-text h2{
    font-size: 2rem;
  }
	.values-grid{
    grid-template-columns: repeat(2, 1fr);
  }
	 .why-us-grid{
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
	/*---contact.php---*/
	.contact-grid{
    grid-template-columns: 0.95fr 1.05fr;
    align-items: start;
  }
	
	
	
	
}



/* ================= DESKTOP ================= */
@media (min-width:1024px){
  .header-inner{
    min-height:76px;
  }

  .hamburger,
  .close-btn{
    display:none;
  }

  .site-nav{
    position:static;
    inset:auto;
    background:transparent;
    display:block;
    transform:none;
    opacity:1;
    visibility:visible;
  }

  .nav-menu{
    flex-direction:row;
    gap:28px;
  }

  .nav-menu a{
    position:relative;
    font-size:1rem;
    color:var(--accent);
  }

  .nav-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:var(--brand);
    transition:width 0.25s ease;
  }

  .nav-menu a:hover::after{
    width:100%;
  }

  .hero{
    min-height:620px;
    display:flex;
    align-items:center;
  }

  .hero h1{
    font-size:3.6rem;
    max-width:900px;
    margin-inline:auto;
  }

  .hero-text{
    font-size:1.05rem;
  }

  .cards{
    grid-template-columns:repeat(4, 1fr);
  }

  .process-steps{
    grid-template-columns:repeat(4, 1fr);
  }

  .section-heading{
    max-width:760px;
    margin:0 auto 40px;
  }

  .advantages-grid{
    grid-template-columns:0.95fr 1.05fr;
    gap:36px;
  }
	/*---servicii.html---*/
	.page-hero{
    padding: 128px 0 84px;
  }
 .page-hero h1{
    font-size: 3rem;
    max-width: 760px;
  }
 .page-hero-text{
    font-size: 1.05rem;
  }
 .section-heading h2{
    font-size: 2.1rem;
  }
	.services-grid{
    grid-template-columns: repeat(3, 1fr);
  }
	.service-card{
    padding: 28px 22px;
  }
 .included-box{
    padding: 32px 28px;
  }
.included-box h2{
    font-size: 2rem;
  }
 .process-grid{
    grid-template-columns: repeat(3, 1fr);
  }
.process-card{
    padding: 28px 22px;
  }
 .cta-box{
    padding: 42px 32px;
  }
.cta-box h2{
    font-size: 2.2rem;
  }
	
	/*---despre.html---*/
	.about-text h2{
    font-size: 2.2rem;
  }
	.about-image img{
    border-radius: 28px;
  }
.values-grid{
    grid-template-columns: repeat(3, 1fr);
  }
.value-card{
    padding: 28px 22px;
  }
.why-us-box{
    padding: 32px 28px;
  }
.why-us-box h2{
    font-size: 2rem;
  }
	
	
.contact-info-box,
  .contact-form-box{
    padding: 32px 28px;
  }

  .contact-info-box h2{
    font-size: 2rem;
  }
	
	
	
}








/* ================= DESKTOP MARE ================= */
@media (min-width:1280px){
  .hero h1{
    font-size:4rem;
  }

  .section-heading h2,
  .advantages-text h2,
  .cta-box h2{
    font-size:2.3rem;
  }

  .card,
  .step{
    padding:26px 22px;
  }
	
	
	
	.services-grid{
    grid-template-columns: repeat(4, 1fr);
  }
 .process-grid{
    grid-template-columns: repeat(4, 1fr);
  }
	/*---servicii.html---*/
	 .page-hero h1{
    font-size: 3.25rem;
  }
	.section-heading h2{
    font-size: 2.3rem;
  }
	.cta-box h2{
    font-size: 2.35rem;
  }
	
	/*---despre.html---*/
.about-text h2{
    font-size: 2.4rem;
  }
	.why-us-box h2{
    font-size: 2.2rem;
  }
.values-grid{
    grid-template-columns: repeat(4, 1fr);
  }
	
	
}






.hp-field{
  position: absolute;
  left: -9999px;
}
.form-success,
.form-error{
  margin: 0 0 24px;
  padding: 14px 16px;
  border-radius: 14px;
  font-weight: 600;
}

.form-success{
  background: #dcfce7;
  border: 1px solid #86efac;
  color: #166534;
}

.form-error{
  background: #fee2e2;
  border: 1px solid #fca5a5;
  color: #991b1b;
}