:root{
  --pink:#FF4B8A;--pink-dark:#D93B72;--pink-bg:#FFF0F5;
  --green:#52C41A;--green-dark:#389E0D;--green-bg:#F0FFF4;
  --blue:#1890FF;--blue-dark:#096DD9;--blue-bg:#EFF6FF;
  --orange:#FF7A00;--orange-bg:#FFF8F0;
  --purple:#7C3AED;--yellow:#FFB800;--navy:#1E1B4B;
  --body:#374151;--g100:#F9FAFB;--g200:#E5E7EB;
  --fd:"Fredoka One",cursive;--fb:"Nunito",sans-serif;
  --r:14px;--rl:22px;--sh:0 4px 20px rgba(0,0,0,.07);--shl:0 8px 40px rgba(0,0,0,.12);
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--fb);color:var(--body);background:var(--g100);line-height:1.6;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-family:var(--fd);color:var(--navy);line-height:1.15;}
.container{max-width:1160px;margin:0 auto;padding:0 24px;position:relative;z-index:1;}

.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:50px;font-family:var(--fb);font-weight:800;font-size:.95rem;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);}
.btn-pink{background:var(--pink);color:#fff;}
.btn-pink:hover{background:var(--pink-dark);box-shadow:0 6px 20px rgba(255,75,138,.4);}
.btn-green{background:var(--green);color:#fff;}
.btn-green:hover{background:var(--green-dark);box-shadow:0 6px 20px rgba(82,196,26,.4);}
.btn-blue{background:var(--blue);color:#fff;}
.btn-blue:hover{background:var(--blue-dark);box-shadow:0 6px 20px rgba(24,144,255,.4);}

.navbar{position:sticky;top:0;z-index:999;background:linear-gradient(90deg,#FFF7FB 0%,#F7FBFF 52%,#F7FFF3 100%);box-shadow:0 4px 18px rgba(30,27,75,.1);}
.navbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--green),var(--blue),var(--purple));opacity:.78;}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:69px;padding:3px 0;}
.navbar-logo{position:relative;width:180px;height:65px;overflow:hidden;line-height:0;flex-shrink:0;display:block;}
.navbar-logo img{position:absolute;left:50%;top:46px;height:112px;width:auto;max-width:none;transform:translate(-50%,-50%);transition:transform .2s ease;}
.navbar-logo:hover img{transform:translate(-50%,-50%) scale(1.03) rotate(-1deg);}
.navbar-links{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;list-style:none;margin:0;padding:0;}
.navbar-links a{padding:7px 10px;border-radius:10px;font-weight:800;font-size:.79rem;color:var(--navy);transition:color .15s,background .15s,transform .15s;position:relative;white-space:nowrap;}
.navbar-links a:hover{color:var(--pink);background:rgba(255,255,255,.82);transform:translateY(-1px);}
.navbar-links a.active{color:var(--pink);background:rgba(255,255,255,.62);}
.navbar-links a.active::after{content:"";position:absolute;bottom:2px;left:11px;right:11px;height:2px;background:var(--pink);border-radius:2px;}
.navbar-cta .btn{width:42px;height:42px;padding:0;gap:0;justify-content:center;}
.navbar-cta .wa-icon{width:19px;height:19px;}
.navbar-wa-mobile{display:none;}

@media (min-width:769px){
.navbar{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(810px,83%);background:rgba(255,255,255,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px;box-shadow:0 8px 30px rgba(30,27,75,.16);overflow:hidden;}
.navbar-inner{display:grid;grid-template-columns:1fr auto 1fr;height:64px;padding:3px 0;}
.navbar-logo{justify-self:center;width:163px;height:57px;}
.navbar-logo img{top:41px;height:99px;}
.navbar-cta{justify-self:center;}
.page-main{padding-top:118px;}
}

@media (max-width:768px){
  .navbar{position:relative;top:auto;}
  .navbar>.container{padding-left:12px;padding-right:12px;}
  .navbar-cta{display:none!important;}
  .navbar-inner{display:grid;grid-template-columns:1fr;grid-template-areas:"logo" "links";align-items:center;row-gap:4px;height:auto!important;padding:5px 0;}
  .navbar-logo{grid-area:logo;justify-self:center;position:relative;width:150px;height:72px;overflow:hidden;}
  .navbar-logo img{position:absolute;left:50%;top:54px;width:225px;max-width:none;height:150px;transform:translate(-50%,-50%);}
  .navbar nav{grid-area:links;width:100%;}
  .navbar-links{display:flex!important;flex-wrap:nowrap;justify-content:center;gap:clamp(1px,.55vw,3px);width:100%;}
  .navbar-links a{font-size:.65rem;padding:5px 3px;}
  .navbar-links a.active::after{left:3px;right:3px;}
  .navbar-wa-mobile{position:fixed;right:8px;bottom:18px;z-index:998;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 5px 18px rgba(30,27,75,.22);}
  .navbar-wa-mobile svg{width:21px;height:21px;}
  .navbar-wa-mobile:hover{background:var(--green-dark);}
}

.footer{background:var(--navy);color:#a0a8c0;padding:16px 0 12px;position:relative;overflow:hidden;}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 100%);pointer-events:none;z-index:0;}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-bottom:12px;}
.footer-left{display:flex;align-items:center;justify-content:center;}
.footer-logo img{width:100%;max-width:1020px;height:auto;}
.footer-right{display:flex;justify-content:center;align-items:flex-start;gap:70px;flex-wrap:wrap;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col h4{font-weight:900;font-size:.92rem;color:#fff;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;}
.footer-col li{margin-bottom:10px;}
.footer-col li a{font-size:.95rem;color:#a0a8c0;display:flex;align-items:center;gap:8px;transition:color .15s;}
.footer-col li a:hover{color:#fff;}
.footer-hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin-bottom:8px;}
.footer-copy{text-align:center;font-size:.77rem;color:#6b7280;margin:0;}

@media (max-width:768px){
  .footer{padding-top:10px;}
  .footer-grid{grid-template-columns:1fr;gap:8px;margin-bottom:10px;}
  .footer-right{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);align-items:start;gap:12px;width:100%;}
  .footer-col{min-width:0;text-align:center;}
  .footer-col h4{font-size:.85rem;margin-bottom:12px;}
  .footer-col li{margin-bottom:9px;}
  .footer-col li a{font-size:.82rem;gap:6px;justify-content:center;text-align:center;overflow-wrap:anywhere;}
}

.page-main{max-width:820px;margin:0 auto;padding:36px 20px 60px;}
.page-title{font-size:2.3rem;margin-bottom:8px;}
.page-sub{color:#6B7280;margin-top:0;margin-bottom:32px;font-size:1.1rem;}
.page-section{background:#fff;border-radius:var(--rl);box-shadow:var(--sh);padding:28px;margin-bottom:24px;}
.page-section h2{font-size:1.4rem;margin:0 0 14px;}
.page-section h3{font-size:1.1rem;margin:20px 0 8px;}
.page-section p{margin:0 0 14px;}
.page-section ul,.page-section ol{padding-left:22px;margin:0 0 14px;}
.page-section li{margin-bottom:6px;}
.page-section a{color:var(--blue);text-decoration:underline;}

.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:20px 0;}
.card-grid .card{background:var(--g100);border-radius:var(--r);padding:18px;}
.card-grid .card h3{margin-top:0;}

.faq-item{border-bottom:1px solid var(--g200);padding:18px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-item h3{margin:0 0 8px;font-size:1.05rem;}
.faq-item p{margin:0;color:var(--body);}

.plan-table{width:100%;border-collapse:collapse;margin:16px 0;}
.plan-table th,.plan-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--g200);}
.plan-table th{font-family:var(--fd);color:var(--navy);font-size:.95rem;}
.plan-table td{font-size:.95rem;}
.plan-table .price-now{font-weight:900;color:var(--pink);}
.plan-table .price-was{text-decoration:line-through;color:#9CA3AF;font-size:.85rem;margin-left:6px;}
.plan-table .badge-popular{display:inline-block;background:#FFD700;color:var(--navy);font-size:.7rem;font-weight:900;padding:2px 8px;border-radius:20px;margin-left:8px;}

.cta-band{background:var(--navy);color:#fff;border-radius:var(--rl);padding:32px;text-align:center;margin:24px 0;}
.cta-band h2{color:#fff;margin:0 0 10px;}
.cta-band p{color:#D7DAEA;margin:0 0 18px;}
.cta-band .btn-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.blog-back{margin-bottom:20px;font-weight:800;}
.blog-back a{color:var(--pink);}
.blog-card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:24px;margin-bottom:20px;}
.blog-card h2{font-size:1.3rem;margin:0 0 6px;}
.blog-card h2 a{color:var(--navy);}
.blog-card h2 a:hover{color:var(--pink);}
.blog-card-meta{color:#9CA3AF;font-size:.85rem;margin:0 0 10px;font-weight:800;}
.blog-card-excerpt{margin:0 0 12px;}
.blog-card-tags{margin:0;}
.blog-tag{display:inline-block;background:var(--pink-bg);color:var(--pink-dark);font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:20px;margin:0 6px 6px 0;}
.blog-post h1{font-size:2rem;margin-bottom:6px;}
.blog-post-body{background:#fff;border-radius:var(--rl);box-shadow:var(--sh);padding:28px;margin:20px 0;}
.blog-post-body p{margin:0 0 16px;}
.blog-post-body h2{font-size:1.4rem;margin:28px 0 12px;}
.blog-post-body h3{font-size:1.15rem;margin:22px 0 10px;color:var(--navy);}
.blog-post-body ul,.blog-post-body ol{padding-left:22px;margin:0 0 16px;}
.blog-post-body img{max-width:100%;border-radius:var(--r);}
.blog-post-body blockquote{border-left:4px solid var(--pink);margin:0 0 16px;padding:4px 0 4px 16px;color:#6B7280;}
.blog-post-body a{color:var(--blue);text-decoration:underline;}
.ai-content-note{display:inline-block;background:var(--blue-bg);color:var(--blue-dark);font-size:.78rem;font-weight:800;padding:5px 12px;border-radius:20px;margin-bottom:14px;}

@media (max-width:600px){
  .page-title{font-size:1.8rem;}
  .page-section{padding:20px;}
  .blog-post-body{padding:20px;}
}