* {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {margin: 0;font-family:Arial,sans-serif;color: #0f172a;background:radial-gradient(circle at top left,rgba(45, 106, 255, .16),transparent 35%),linear-gradient(135deg,#eef4ff,#ffffff 45%#f7fbff);line-height: 1.6;}
a {transition: .2s;}
img {max-width: 100%;}
.public-header {width: 100%;max-width: 1200px;margin: 0 auto;padding: 18px 22px 16px;background: #ffffff;border: 1px solid #d8e6f5;border-top: 4px solid #0f6bff;box-shadow:0 14px 40px rgba(15, 47, 87, .10);text-align: center;}
.public-account-actions {display: flex;justify-content: center;align-items: center;gap: 10px;margin-bottom: 12px;}
.login-btn,.register-btn {display: inline-flex;align-items: center;justify-content: center;min-height: 40px;padding: 8px 16px;border-radius: 999px;text-decoration: none;font-size: 14px;font-weight: 700;}
.login-btn {color: #0f2f57;background: #ffffff;border: 1px solid #cddbec;}
.login-btn:hover {background: #eef4fb;}
.register-btn {color: #ffffff;background: #0f6bff;border: 1px solid #0f6bff;}
.register-btn:hover {background: #084fc4;}
.public-logo {display: flex;justify-content: center;align-items: center;}
.public-logo a {display: inline-flex;justify-content: center;align-items: center;}
.public-logo-image {display: block;width: min(800px, 90%);height: auto;margin: 0 auto;}
.public-languages {display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 8px;color: #53677f;font-size: 14px;font-weight: 700;}
.public-languages span {color: #a7b5c5;}
.public-nav {width: 100%;max-width: 1200px;margin: 0 auto;padding: 12px 20px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 8px;background: #0f2f57;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;}
.public-nav a {padding: 9px 16px;color: #ffffff;text-decoration: none;border-radius: 999px;font-size: 14px;font-weight: 700;}
.public-nav a:hover {background:rgba(255,255,255,.12 );}
.public-nav a.active {color: #0f2f57;background: #ffffff;}
.public-wrapper {width: 100%;max-width: 1200px;margin: 0 auto;padding: 40px 24px 60px;}
.public-page-hero {max-width: 850px;margin: 0 auto 30px;text-align: center;}
.public-page-hero h1 {margin: 0 0 14px;color: #0f2f57;font-size:clamp(32px,5vw,52px);line-height: 1.15;}
.public-page-hero p {max-width: 720px;margin: 0 auto;color: #52657b;font-size: 18px;}
.public-trial-banner {width: 100%;max-width: 980px;margin:0 auto 35px;padding: 18px 22px;display: flex;align-items: center;justify-content: space-between;gap: 18px;background:linear-gradient(135deg,#0f2f57,#174a86);color: #ffffff;border-radius: 18px;box-shadow:0 14px 35px rgba(15, 47, 87, .16);}
.public-trial-banner-content {display: flex;align-items: center;gap: 14px;}
.public-trial-banner-icon {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;flex-shrink: 0;background:rgba(255,255,255,.12);border-radius: 50%;font-size: 24px;}
.public-trial-banner h2 {margin: 0 0 3px;color: #ffffff;font-size: 19px;}
.public-trial-banner p {margin: 0;color: #dce8f8;font-size: 14px;}
.public-trial-banner a {display: inline-flex;align-items: center;justify-content: center;min-width: 150px;padding: 11px 18px;background: #ffffff;color: #0f2f57;border-radius: 999px;text-decoration: none;font-weight: 800;white-space: nowrap;}
.public-trial-banner a:hover {background: #eaf3ff;}
.public-card {background: #ffffff;border: 1px solid #dce6f0;border-radius: 18px;box-shadow:0 10px 28px rgba(15, 47, 87, .08);}
.public-section-heading {max-width: 760px;margin:0 auto 28px;text-align: center;}
.public-section-heading h2 {margin: 0 0 10px;color: #0f2f57;font-size: 32px;}
.public-section-heading p {margin: 0;color: #64748b;font-size: 16px;}
.pricing-grid {display: grid;grid-template-columns:repeat(3,minmax(0, 1fr));gap: 22px;align-items: stretch;}
.pricing-card {position: relative;display: flex;flex-direction: column;padding: 28px 24px;background: #ffffff;border: 1px solid #dce6f0;border-radius: 20px;box-shadow:0 12px 30px rgba(15, 47, 87, .08);}
.pricing-card:hover {transform:translateY(-3px);box-shadow:0 18px 38px rgba(15, 47, 87, .13);}
.pricing-card.popular {border:2px solid #0f6bff;transform:scale(1.025);}
.pricing-card.popular:hover {transform:scale(1.025)translateY(-3px);}
.pricing-popular-label {position: absolute;top: -14px;left: 50%;transform:translateX(-50%);padding: 6px 16px;background: #0f6bff;color: #ffffff;border-radius: 999px;font-size: 12px;font-weight: 800;text-transform: uppercase;letter-spacing: .5px;}
.pricing-card h3 {margin: 0 0 8px;color: #0f2f57;font-size: 25px;}
.pricing-card-description {min-height: 48px;margin: 0 0 18px;color: #64748b;font-size: 14px;}
.pricing-price {margin-bottom: 20px;}
.pricing-price strong {color: #0f2f57;font-size: 38px;}
.pricing-price span {color: #64748b;font-size: 14px;}
.pricing-features {padding: 0;margin:0 0 25px;list-style: none;flex-grow: 1;}
.pricing-features li {padding: 8px 0;color: #334155;border-bottom:1px solid #eef2f6;font-size: 14px;}
.pricing-features li:last-child {border-bottom: 0;}
.pricing-button {display: flex;align-items: center;justify-content: center;min-height: 46px;padding: 11px 18px;color: #ffffff;background: #0f2f57;border-radius: 10px;text-decoration: none;font-weight: 800;}
.pricing-button:hover {background: #0f6bff;}
.pricing-card.popular.pricing-button {background: #0f6bff;}
.pricing-card.popular.pricing-button:hover {background: #084fc4;}
.public-footer {width: 100%;max-width: 1200px;margin: 30px auto 0;padding: 26px 20px;text-align: center;color: #718096;font-size: 14px;}
.public-footer-links {display: flex;justify-content: center;flex-wrap: wrap;gap: 16px;margin-bottom: 10px;}
.public-footer a {color: #0f2f57;text-decoration: none;font-weight: 700;}
.public-footer a:hover {text-decoration: underline;}
@media (max-width: 900px) {.pricing-grid {grid-template-columns: 1fr;}.pricing-card {max-width: 600px;width: 100%;margin: 0 auto;}.pricing-card.popular {transform: none;}.pricing-card.popular:hover {transform:translateY(-3px);}}
@media (max-width: 600px) {.public-header {padding:14px 12px;}.public-account-actions {flex-wrap: wrap;}.public-logo-image {width: 100%;max-width: 520px;}.public-nav {padding: 10px;}.public-nav a {padding: 8px 11px;font-size: 13px;}.public-wrapper {padding:30px 14px 45px;}.public-page-hero p {font-size: 16px;}.public-trial-banner {flex-direction: column;align-items: stretch;text-align: center;padding: 18px;}.public-trial-banner-content {flex-direction: column;}.public-trial-banner a {width: 100%;}}
.pricing-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;align-items: stretch;margin-top: 20px;}
.pricing-card {position: relative;display: flex;flex-direction: column;padding: 32px 26px 28px;background: #ffffff;border: 1px solid #d8e3ef;border-top: 5px solid #0f2f57;border-radius: 18px;box-shadow:0 12px 32px rgba(15, 47, 87, .10);transition:transform .2s ease,box-shadow .2s ease;}
.pricing-card:hover {transform: translateY(-5px);box-shadow:0 20px 45px rgba(15, 47, 87, .15);}
.pricing-card.popular {border: 2px solid #0f6bff;border-top: 5px solid #0f6bff;transform: translateY(-8px);box-shadow:0 20px 50px rgba(15, 107, 255, .18);}
.pricing-card.popular:hover {transform:translateY(-12px);}
.pricing-popular-label {position: absolute;top: -16px;left: 50%;transform: translateX(-50%);padding: 7px 18px;background:linear-gradient(90deg,#0f2f57,#2d6aff);color: #ffffff;border-radius: 999px;box-shadow:0 6px 18px rgba(15, 107, 255, .22);font-size: 12px;font-weight: 800;letter-spacing: .6px;text-transform: uppercase;white-space: nowrap;}
.pricing-card h3 {margin: 0 0 8px;color: #0f2f57;font-size: 27px;line-height: 1.2;}
.pricing-card-description {min-height: 66px;margin: 0 0 20px;color: #64748b;font-size: 14px;line-height: 1.6;}
.pricing-price {display: flex;align-items: baseline;gap: 6px;margin-bottom: 22px;padding-bottom: 20px;border-bottom: 1px solid #e7edf4;}
.pricing-price strong {color: #0f2f57;font-size: 40px;line-height: 1;letter-spacing: -1px;}
.pricing-card.popular.pricing-price strong {color: #0f6bff;}
.pricing-price span {color: #718096;font-size: 14px;font-weight: 600;}
.pricing-features {flex-grow: 1;margin: 0 0 26px;padding: 0;list-style: none;}
.pricing-features li {position: relative;padding: 10px 0;color: #334155;border-bottom: 1px solid #edf1f5;font-size: 14px;line-height: 1.5;}
.pricing-features li:last-child {border-bottom: 0;}
.pricing-button {display: flex;align-items: center;justify-content: center;width: 100%;min-height: 48px;padding: 11px 20px;background: #0f2f57;color: #ffffff;border: 1px solid #0f2f57;border-radius: 10px;text-decoration: none;font-size: 15px;font-weight: 800;transition:background .2s ease,transform .2s ease;}
.pricing-button:hover {background: #173f70;transform: translateY(-1px);}
.pricing-card.popular.pricing-button {background: #0f6bff;border-color: #0f6bff;}
.pricing-card.popular.pricing-button:hover {background: #084fc4;}
.pricing-billing-box {max-width: 900px;margin: 45px auto 0;padding: 30px;text-align: center;}
.pricing-billing-box.public-section-heading {margin-bottom: 0;}
.pricing-bottom-cta {max-width: 800px;margin: 55px auto 0;text-align: center;}
.pricing-bottom-cta h2 {margin-bottom: 12px;color: #0f2f57;font-size: 32px;}
.pricing-bottom-cta p {max-width: 650px;margin: 0 auto;color: #64748b;font-size: 16px;}
.pricing-bottom-actions {display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;margin-top: 24px;}
.pricing-bottom-actions.pricing-button {width: auto;min-width: 180px;}
.pricing-login-button {background: #ffffff;color: #0f2f57;border: 1px solid #cddbec;}
.pricing-login-button:hover {background: #eef4fb;color: #0f2f57;}
@media (max-width: 900px) {.pricing-grid {grid-template-columns: 1fr;gap: 28px;}.pricing-card {width: 100%;max-width: 620px;margin: 0 auto;}.pricing-card.popular {transform: none;}.pricing-card.popular:hover {transform: translateY(-4px);}.pricing-card-description {min-height: 0;}}
@media (max-width: 600px) {.pricing-grid {gap: 26px;}.pricing-card {padding: 28px 20px 22px;border-radius: 14px;}.pricing-card h3 {font-size: 24px;}.pricing-price strong {font-size: 36px;}.pricing-popular-label {top: -14px;padding: 6px 14px;font-size: 11px;}.pricing-billing-box {margin-top: 35px;padding: 22px 18px;}.pricing-bottom-cta {margin-top: 40px;}.pricing-bottom-cta h2 {font-size: 27px;}.pricing-bottom-actions {flex-direction: column;align-items: center;}.pricing-bottom-actions.pricing-button {width: 100%;max-width: 320px;}}
.about-grid {display: grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 22px;margin-top: 30px;}
.about-card {padding: 28px;text-align: center;}
.about-icon {display: block;margin-bottom: 12px;font-size: 34px;}
.about-card h2 {margin: 0 0 10px;color: #0f2f57;font-size: 21px;}
.about-card p {margin: 0;color: #64748b;font-size: 15px;}
.about-story {max-width: 900px;margin: 45px auto 0;padding: 34px;}
.about-story p {color: #475569;font-size: 16px;}
.about-story > p {max-width: 760px;margin:16px auto 0;}
.about-languages {max-width: 650px;margin: 35px auto 0;padding: 24px;text-align: center;}
.about-languages div {display: inline-flex;align-items: center;gap: 7px;margin: 5px 10px;padding: 9px 16px;background: #ffffff;border: 1px solid #d8e3ef;border-radius: 999px;}
.about-languages div span {font-size: 20px;}
.about-languages p {margin: 14px 0 0;color: #64748b;font-size: 14px;}
@media (max-width: 800px) {.about-grid {grid-template-columns: 1fr;}.about-card {max-width: 600px;width: 100%;margin: 0 auto;}}
@media (max-width: 600px) {.about-story {padding: 24px 18px;}}
.contact-card {max-width: 650px;margin: 25px auto 0;padding: 38px 30px;text-align: center;}
.contact-icon {display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;margin: 0 auto 16px;background: #e8f8ef;border-radius: 50%;font-size: 34px;}
.contact-card h2 {margin: 0 0 12px;color: #0f2f57;font-size: 28px;}
.contact-card p {max-width: 520px;margin: 0 auto 22px;color: #64748b;font-size: 16px;}
.contact-whatsapp-button {display: inline-flex;align-items: center;justify-content: center;min-width: 210px;min-height: 48px;padding: 11px 22px;background: #16a34a;color: #ffffff;border-radius: 10px;text-decoration: none;font-weight: 800;}
.contact-whatsapp-button:hover {background: #15803d;}
.contact-phone {margin-top: 16px !important;color: #0f2f57 !important;font-size: 15px !important;font-weight: 700;}
.contact-note {max-width: 700px;margin: 35px auto 0;padding: 24px;text-align: center;}
.contact-note h2 {margin: 0 0 10px;color: #0f2f57;font-size: 22px;}
.contact-note p {margin: 0;color: #64748b;font-size: 15px;}
@media (max-width: 600px) {.contact-card {padding: 30px 18px;}.contact-whatsapp-button {width: 100%;max-width: 320px;}}
.contact-email {margin-top: 6px !important;margin-bottom: 0 !important;font-size: 14px !important;}
.contact-email a {margin-left: 5px;font-size: 22px;text-decoration: none;}
.contact-email a:hover {opacity: .7;}
.legal-updated {margin-top: 14px !important;color: #7b8794 !important;font-size: 13px !important;}
.legal-content {max-width: 900px;margin: 20px auto 0;padding: 40px 42px;}
.legal-content h2 {margin: 36px 0 12px;color: #0f2f57;font-size: 22px;line-height: 1.3;}
.legal-content h2:first-child {margin-top: 0;}
.legal-content p {margin: 0 0 15px;color: #475569;font-size: 15px;line-height: 1.8;}
.legal-content ul {margin: 8px 0 20px;padding-left: 24px;color: #475569;}
.legal-content li {margin-bottom: 9px;line-height: 1.7;}
.legal-contact-link {display: inline-flex;align-items: center;justify-content: center;margin-top: 8px;padding: 10px 18px;background: #0f2f57;color: #ffffff;border-radius: 9px;text-decoration: none;font-weight: 700;}
.legal-contact-link:hover {background: #0f6bff;}
@media (max-width: 600px) {.legal-content {padding: 28px 18px;}.legal-content h2 {font-size: 20px;}}
.blog-grid {display: grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap: 22px;max-width: 1000px;margin: 30px auto 0;}
.blog-card {display: flex;gap: 20px;padding: 28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.blog-card:hover {transform: translateY(-4px);border-color: #b8cdea;box-shadow:0 18px 38px rgba(15, 47, 87, .12);}
.blog-card-icon {display: flex;align-items: center;justify-content: center;width: 58px;height: 58px;flex: 0 0 58px;background: #eef5ff;border-radius: 14px;font-size: 28px;}
.blog-card-content {display: flex;flex-direction: column;min-width: 0;}
.blog-category {margin-bottom: 7px;color: #0f6bff;font-size: 12px;font-weight: 800;letter-spacing: .4px;text-transform: uppercase;}
.blog-card h2 {margin: 0 0 10px;color: #0f2f57;font-size: 21px;line-height: 1.35;}
.blog-card p {margin: 0 0 18px;color: #64748b;font-size: 14px;line-height: 1.7;flex-grow: 1;}
.blog-read-more {align-self: flex-start;color: #0f6bff;text-decoration: none;font-size: 14px;font-weight: 800;}
.blog-read-more:hover {color: #0f2f57;}
.blog-cta {max-width: 850px;margin: 50px auto 0;padding: 35px 30px;text-align: center;background:linear-gradient(135deg,#0f2f57,#174a86);border-radius: 20px;box-shadow:0 16px 40px rgba(15, 47, 87, .16);}
.blog-cta h2 {margin: 0 0 10px;color: #ffffff;font-size: 28px;}
.blog-cta p {max-width: 620px;margin: 0 auto 22px;color: #dce8f8;font-size: 15px;}
.blog-cta-button {display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 10px 22px;background: #ffffff;color: #0f2f57;border-radius: 999px;text-decoration: none;font-weight: 800;}
.blog-cta-button:hover {background: #eaf3ff;}
@media (max-width: 800px) {.blog-grid {grid-template-columns: 1fr;}}
@media (max-width: 520px) {.blog-card {flex-direction: column;padding: 22px;}.blog-card-icon {width: 52px;height: 52px;flex-basis: 52px;}.blog-cta {padding: 28px 18px;}.blog-cta h2 {font-size: 24px;}}
.blog-article {max-width: 900px;margin: 0 auto;}
.blog-article-header {max-width: 780px;margin: 20px auto 30px;text-align: center;}
.blog-article-header h1 {margin: 10px 0 16px;color: #0f2f57;font-size: clamp(32px, 5vw, 48px);line-height: 1.15;}
.blog-article-intro {margin: 0;color: #64748b;font-size: 18px;line-height: 1.75;}
.blog-article-content {max-width: 780px;margin: 0 auto;}
.blog-article-content h2 {margin: 38px 0 12px;color: #0f2f57;font-size: 25px;line-height: 1.35;}
.blog-article-content p {margin: 0 0 18px;color: #475569;font-size: 16px;line-height: 1.85;}
.blog-tip {margin: 28px 0;padding: 20px 22px;background: #eef5ff;border-left: 4px solid #0f6bff;border-radius: 8px;color: #334155;font-size: 15px;line-height: 1.7;}
.blog-tip strong {color: #0f2f57;}
.blog-article-cta {margin-top: 48px;padding: 34px 28px;text-align: center;background:linear-gradient(135deg,#0f2f57,#174a86);border-radius: 18px;}
.blog-article-cta h2 {margin: 0 0 10px;color: #ffffff;}
.blog-article-cta p {max-width: 580px;margin: 0 auto 22px;color: #dce8f8;}
.blog-back {margin: 30px 0 10px;text-align: center;}
.blog-back a {color: #0f6bff;text-decoration: none;font-weight: 700;}
.blog-back a:hover {text-decoration: underline;}
@media (max-width: 600px) {.blog-article-header h1 {font-size: 32px;}.blog-article-intro {font-size: 16px;}.blog-article-content h2 {font-size: 22px;}.blog-article-image {border-radius: 12px;}.blog-article-cta {padding: 28px 18px;}}
.blog-article-nav {display: flex;justify-content: space-between;gap: 16px;margin: 35px 0 10px;padding-top: 22px;border-top: 1px solid #e2e8f0;}
.blog-article-nav a {color: #0f6bff;text-decoration: none;font-weight: 700;}
.blog-article-nav a:hover {text-decoration: underline;}
.blog-comparison {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;margin: 28px 0;}
.blog-comparison-item {padding: 22px;background: #ffffff;border: 1px solid #dce7f5;border-top: 4px solid #0f6bff;border-radius: 12px;}
.blog-comparison-item strong {display: block;margin-bottom: 7px;color: #0f2f57;font-size: 19px;}
.blog-comparison-item span {color: #64748b;font-size: 14px;line-height: 1.6;}
.blog-article-list {margin: 10px 0 24px;padding-left: 24px;color: #475569;}
.blog-article-list li {margin-bottom: 8px;line-height: 1.7;}
@media (max-width: 600px) {.blog-comparison {grid-template-columns: 1fr;}}
.blog-message-example {margin: 24px 0;padding: 18px 20px;background: #ecfdf3;border: 1px solid #bbf7d0;border-left: 4px solid #16a34a;border-radius: 10px;}
.blog-message-example p {margin: 0 0 6px;color: #334155;}
.blog-message-example p:last-child {margin-bottom: 0;}