/*! CSS Used from: http://localhost:5000/css/style.css */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter', sans-serif;}
body{background:#f9f9f9;color:#333;line-height:1.6;}
:root{--primary:#0a66c2;--secondary:#f5f6fa;--dark:#222;--light:#fff;--accent:#ff6a00;--shadow:rgba(0, 0, 0, 0.05);}
header.header{background:#1a1a1a;color:white;padding:60px 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:0 2px 6px var(--shadow);font-size:20px;}
header .logo{font-size:24px;font-weight:bold;cursor:pointer;}
header .logo::before{content:"🚀 ";}
header .nav a{color:white;text-decoration:none;margin:0 10px;font-weight:500;transition:color 0.3s;}
header .nav a:hover{color:var(--accent);color:#e65c00;}
header .nav .btn,header .nav .login{padding:8px 16px;border-radius:6px;font-weight:bold;}
header .nav .btn{background:var(--accent);color:white;transition:background 0.3s;}
header .nav .btn:hover{background:#e65c00;}
.hero{padding:100px 20px;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:linear-gradient(90deg, #f8fbff, #e9f3ff);}
.hero-text{flex:1;min-width:300px;max-width:900px;}
.hero h1{font-size:2.5rem;margin-bottom:20px;color:var(--dark);}
.hero p{font-size:1.5rem;color:#555;margin-bottom:30px;}
.hero-buttons a.btn-primary{background:var(--accent);color:white;padding:12px 24px;border-radius:8px;font-weight:bold;text-decoration:none;margin-right:10px;transition:background 0.3s;}
.hero-buttons a.btn-primary:hover{background:#e65c00;}
.hero-img img{max-width:290px;border-radius:10px;margin-top:20px;}
.benefits{padding:160px 5%;text-align:center;background:var(--light);}
.benefits h2{font-size:2rem;margin-bottom:30px;}
.benefits .grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:25px;}
.benefit{background:#f9f9f9;padding:60px;border-radius:10px;transition:transform 0.3s, box-shadow 0.3s;}
.benefit:hover{transform:translateY(-5px);box-shadow:0 4px 12px var(--shadow);}
.benefit h3{color:var(--primary);margin-bottom:10px;}
.plans{padding:100px 5%;text-align:center;background:#f0f0f0;}
.plans h2{font-size:2.5rem;margin-bottom:10px;}
.plans-description{color:#555;margin-bottom:50px;}
.plans-grid{display:flex;flex-wrap:wrap;gap:100px;justify-content:center;}
.plan.card{background:white;border-radius:10px;box-shadow:0 4px 12px var(--shadow);padding:45px;width:350px;text-align:left;transition:transform 0.3s, box-shadow 0.3s;}
.plan.card:hover{transform:scale(1.05);}
.plan h3{font-size:1.8rem;margin-bottom:15px;}
.price{font-size:1.3rem;color:var(--accent);font-weight:bold;margin-bottom:20px;}
.plan ul{list-style:none;margin-bottom:20px;}
.plan ul li{margin-bottom:10px;font-size:1rem;}
.plan .btn-plan{display:inline-block;background:var(--accent);color:white;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:bold;transition:background 0.3s;}
.plan .btn-plan:hover{background:#e65c00;}
.how-it-works{padding:100px 5%;background:var(--secondary);text-align:center;}
.how-it-works h2{font-size:2rem;margin-bottom:30px;}
.how-it-works ol{max-width:600px;margin:auto;text-align:center;line-height:1.9;font-size:1.4rem;}
.faq{padding:60px 5%;background:#fff;}
.faq h2{font-size:2rem;text-align:center;margin-bottom:30px;color:#000000;}
.faq-item{background:#fffcfa;border:1px solid #000000;border-radius:10px;margin-bottom:10px;padding:12px;box-shadow:-2px 7px 8px rgb(0 0 0 / 15%);transition:all 0.3s cubic-bezier(0.45, -0.04, 0.25, 1);}
.faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255, 106, 0, 0.2);}
.faq-question{background:none;border:none;font-size:1rem;font-weight:500;width:100%;text-align:left;cursor:pointer;color:#000000;display:flex;justify-content:space-between;align-items:center;}
.faq-question::after{content:'+';font-weight:bold;color:#e65c00;font-size:1.4rem;transition:transform 0.3s ease;}
.faq-answer{max-height:0;opacity:0;overflow:hidden;color:#444;font-size:1rem;padding-top:0;transition:max-height 0.35s ease, opacity 0.35s ease, padding-top 0.35s ease;}
@media (max-width: 1024px){
.hero{flex-direction:column;}
}
@media (max-width: 768px){
.plans-grid{flex-direction:column;align-items:center;}
.hero h1{font-size:2rem;}
.hero p{font-size:1rem;}
}
button,.btn{display:inline-block;background:linear-gradient(135deg, #00c06f, #009c56);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0, 192, 111, 0.3);}
button:hover,.btn:hover{background:linear-gradient(135deg, #00d478, #00b964);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0, 192, 111, 0.45);}
button:active,.btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0, 192, 111, 0.25);}
.hidden{display:none!important;}
.user-icon{background:none;border:none;color:white;font-size:1.7rem;cursor:pointer;position:relative;transition:color 0.2s ease;}
.user-icon:hover{color:#0dcaf0;}
.user-dropdown{position:absolute;right:0;top:65px;background:#ffffff;color:#333;border-radius:10px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);min-width:260px;padding:15px;z-index:100;}
.user-dropdown p{margin:8px 0;text-align:center;font-size:1rem;font-weight:600;}
.user-dropdown a{display:block;padding:10px 14px;color:#333;text-decoration:none;border-radius:6px;transition:0.2s;font-size:1rem;}
.user-dropdown a:hover{background-color:#f2f2f2;}
.nav{display:flex;align-items:center;gap:15px;}
.nav a{color:white;text-decoration:none;font-weight:500;}
#auth-buttons{display:flex;gap:10px;}
#user-menu{margin-left:auto;position:relative;}
.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15, 15, 15, 0.8);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999;opacity:1;transition:opacity 0.3s;}
.auth-modal.hidden{opacity:0;pointer-events:none;}
.auth-box{background:#1e1e1e;border-radius:14px;padding:2rem;width:90%;max-width:400px;box-shadow:0 0 25px rgba(0, 0, 0, 0.5);animation:showModal 0.3s ease;position:relative;color:#fff;}
.close-modal{position:absolute;right:15px;top:10px;font-size:1.6rem;color:#aaa;cursor:pointer;}
.close-modal:hover{color:#fff;}
.auth-section{display:none;}
.auth-section.active{display:block;}
.auth-section h2{text-align:center;margin-bottom:1rem;}
.auth-section .form-group{margin-bottom:1rem;}
.auth-section input{width:100%;padding:10px 12px;border-radius:8px;border:none;background:#2b2b2b;color:#fff;outline:none;}
.auth-section .btn{width:100%;padding:12px;background:#00c06f;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background 0.3s;}
.auth-section .btn:hover{background:#00a85f;}
.auth-section .switch{text-align:center;margin-top:15px;color:#aaa;}
.auth-section .switch a{color:#00c06f;text-decoration:none;font-weight:600;}
.auth-section .switch a:hover{text-decoration:underline;}
.msg{text-align:center;margin-top:10px;font-size:0.9em;}
.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);display:none;align-items:center;justify-content:center;z-index:9999;}
.modal-content{background:#fff;padding:2rem;border-radius:1rem;text-align:center;max-width:350px;width:90%;box-shadow:0 5px 25px rgba(0, 0, 0, 0.2);}
.modal-content h3{margin-bottom:1rem;}
.modal-actions{display:flex;justify-content:space-around;margin-top:1.5rem;}
.btn-confirm{margin-top:1rem;width:100%;}
.card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.05);padding:20px;transition:transform 0.2s ease, box-shadow 0.2s ease;}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(0,0,0,0.08);}
.card h3{font-size:1.7rem;margin-bottom:10px;color:var(--primary);}
.card p{font-size:1.4rem;font-weight:bold;}
section{scroll-margin-top:120px;}
.header{position:fixed;top:0;left:0;right:0;z-index:999;background:white;border-bottom:1px solid #ddd;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
body{scroll-behavior:smooth;}
/*! CSS Used from: Embedded */
footer{text-align:center;padding:20px;color:var(--gray);background:#f3f4f6;font-size:0.9rem;margin-top:auto;}
/*! CSS Used keyframes */
@keyframes showModal{from{transform:translateY(-20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
/*! CSS Used fontfaces */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* =========================================================
   LOGIN, MENU FLUTUANTE E FAQ (extraído de style.css)
   ========================================================= */

/* ===== MENU DE USUÁRIO ===== */

.hidden {
  display: none !important;
}

/* Container do menu do usuário */
.user-menu {
  position: relative;
  display: inline-block;
}

/* Ícone do usuário */
.user-icon {
  background: none;
  border: none;
  color: white;
  font-size: 1.7rem;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}

.user-icon:hover {
  color: #0dcaf0;
}

/* Dropdown (menu suspenso) */
.user-dropdown {
  position: absolute;
  right: 0;
  top: 65px;
  background: #ffffff;
  color: #333;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-width: 260px;
  padding: 15px;
  z-index: 100;
}

/* Texto e estrutura dentro do dropdown */
.user-dropdown p {
  margin: 8px 0;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
}

/* Links dentro do dropdown */
.user-dropdown a {
  display: block;
  padding: 10px 14px;
  color: #333;
  text-decoration: none;
  border-radius: 6px;
  transition: 0.2s;
  font-size: 1rem;
}

.user-dropdown a:hover {
  background-color: #f2f2f2;
}

/* Botões (caso existam dentro do dropdown) */
.user-dropdown button {
  display: block;
  width: 100%;
  background: none;
  border: none;
  color: white;
  text-align: left;
  padding: 10px 8px;
  cursor: pointer;
  font-size: 1rem;
  transition: background 0.2s ease;
}

.user-dropdown button:hover {
  background: #333;
}

/* Alinhamento do ícone do usuário à direita */
.nav {
  display: flex;
  align-items: center;
  gap: 15px;
}

.nav a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

#auth-buttons {
  display: flex;
  gap: 10px;
}

#user-menu {
  margin-left: auto;
  position: relative;
}

/* =========================================================
   MODAL DE LOGIN / REGISTRO
   ========================================================= */
.auth-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 15, 15, 0.8);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  opacity: 1;
  transition: opacity 0.3s;
}

.auth-modal.hidden {
  opacity: 0;
  pointer-events: none;
}

.auth-box {
  background: #1e1e1e;
  border-radius: 14px;
  padding: 2rem;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  animation: showModal 0.3s ease;
  position: relative;
  color: #fff;
}

@keyframes showModal {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.close-modal {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 1.6rem;
  color: #aaa;
  cursor: pointer;
}
.close-modal:hover {
  color: #fff;
}

.auth-section {
  display: none;
}
.auth-section.active {
  display: block;
}

.auth-section h2 {
  text-align: center;
  margin-bottom: 1rem;
}

.auth-section .form-group {
  margin-bottom: 1rem;
}

.auth-section input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: none;
  background: #2b2b2b;
  color: #fff;
  outline: none;
}

.auth-section .btn {
  width: 100%;
  padding: 12px;
  background: #00c06f;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s;
}
.auth-section .btn:hover {
  background: #00a85f;
}

.auth-section .switch {
  text-align: center;
  margin-top: 15px;
  color: #aaa;
}

.auth-section .switch a {
  color: #00c06f;
  text-decoration: none;
  font-weight: 600;
}
.auth-section .switch a:hover {
  text-decoration: underline;
}

.msg {
  text-align: center;
  margin-top: 10px;
  font-size: 0.9em;
}

/* =========================================================
   FAQ (Perguntas Frequentes)
   ========================================================= */
.faq {
  padding: 60px 5%;
  background: #fff;
}

.faq h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 30px;
  color: #000000;
}

.faq-item {
  background: #fffcfa;
  border: 1px solid #000000;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 12px;
  box-shadow: -2px 7px 8px rgb(0 0 0 / 15%);
  transition: all 0.3s cubic-bezier(0.45, -0.04, 0.25, 1);
}

.faq-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 106, 0, 0.2);
}

.faq-question {
  background: none;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question::after {
  content: '+';
  font-weight: bold;
  color: #e65c00;
  font-size: 1.4rem;
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
  content: '–';
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  color: #444;
  font-size: 1rem;
  padding-top: 0;
  transition: max-height 0.35s ease, opacity 0.35s ease, padding-top 0.35s ease;
}

.faq-item.active .faq-answer {
  max-height: 500px;
  opacity: 1;
  padding-top: 10px;
}