@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--color-primary:#1a56db;--color-primary-dark:#1242b0;--color-primary-light:#e8effd;--color-accent:#059669;--color-accent-dark:#047857;--color-accent-light:#d1fae5;--color-dark:#111827;--color-text:#374151;--color-text-light:#6b7280;--color-bg:#f8fafc;--color-white:#ffffff;--color-border:#e5e7eb;--color-warning-bg:#fffbeb;--color-warning-border:#f59e0b;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 25px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl:0 20px 40px -5px rgba(0,0,0,.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Playfair Display',Georgia,serif;--transition:all .3s cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);line-height:1.8;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--color-primary-dark)}
.breadcrumb{max-width:900px;margin:20px auto 0;padding:0 24px;font-size:.875rem;color:var(--color-text-light)}
.breadcrumb a{color:var(--color-primary)}
.breadcrumb a:hover{text-decoration:underline}
.hero-section{color:var(--color-white);text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}
.hero::before {
    content: '';
    position: absolute;
    top: -120%;   
    left: -120%;  
    width: 250%;  
    height: 250%;
    background: radial-gradient(circle at 20% 30%, rgba(245,158,11,.05) 0%, transparent 40%);
    pointer-events: none;
}




.hero-section::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:60px;background:var(--color-bg);clip-path:ellipse(55% 100% at 50% 100%)}
.hero-section h1{font-family:var(--font-display);font-size:clamp(1.85rem,5vw,3rem);font-weight:700;margin-bottom:14px}
.hero-section p{font-size:1.15rem;max-width:650px;margin:0 auto;opacity:.92}
.hero-icon{font-size:2.5rem;margin-bottom:16px;opacity:.9}
.hero-about{background:linear-gradient(135deg,#1a56db 0%,#7c3aed 50%,#db2777 100%)}
.hero-terms{background:linear-gradient(135deg,#1e3a5f 0%,#1a56db 100%)}
.hero-privacy{background:linear-gradient(135deg,#065f46 0%,#059669 100%)}
main{max-width:900px;margin:-30px auto 40px;padding:48px 44px 56px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative;z-index:2}
main>p,main>article>p{font-size:1.05rem;margin-bottom:20px;text-align:justify;color:var(--color-text)}
.section-title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-dark);margin:48px 0 24px;padding-bottom:12px;border-bottom:3px solid var(--color-primary);display:inline-block}
.mini-title{font-size:1.35rem;color:var(--color-dark);margin:36px 0 16px;font-weight:600}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0 36px;list-style:none}
.feature-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px 24px;transition:var(--transition);position:relative;overflow:hidden}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}
.feature-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:4px 0 0 4px}
.feature-card .icon{width:48px;height:48px;background:var(--color-primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.25rem;color:var(--color-primary)}
.feature-card h3{font-size:1.1rem;font-weight:600;color:var(--color-dark);margin-bottom:8px}
.feature-card p{font-size:.95rem;margin-bottom:0;color:var(--color-text-light);text-align:left}
.vision-box{background:linear-gradient(135deg,var(--color-primary-light),#ede9fe);border-radius:var(--radius-md);padding:32px;margin:32px 0;border-left:5px solid var(--color-primary)}
.vision-box h2{color:var(--color-primary-dark);margin-bottom:12px;font-size:1.35rem}
.author-card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;margin:48px 0 36px;display:flex;gap:32px;align-items:center;transition:var(--transition)}
.author-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}
.author-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--color-primary);box-shadow:var(--shadow-md)}
.author-details h2{font-family:var(--font-display);font-size:1.5rem;color:var(--color-dark);margin-bottom:6px}
.author-details .author-role{color:var(--color-primary);font-weight:500;margin-bottom:16px;display:block}
.author-meta{list-style:none;margin:0;padding:0}
.author-meta li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.95rem;color:var(--color-text)}
.author-meta li i{color:var(--color-primary);width:20px;text-align:center}
.content-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px 28px 24px;margin:28px 0;transition:var(--transition)}
.content-section:hover{box-shadow:var(--shadow-md)}
.content-section.hover-primary:hover{border-color:var(--color-primary)}
.content-section.hover-accent:hover{border-color:var(--color-accent)}
.content-section h2{font-size:1.3rem;color:var(--color-dark);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.content-section p{font-size:1rem;margin-bottom:12px;text-align:justify}
.data-list{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.data-list li{background:var(--color-accent-light);color:#065f46;padding:6px 16px;border-radius:50px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px}
.note-box{border-radius:var(--radius-sm);padding:18px 22px;margin:32px 0;font-size:.95rem;border-width:1px;border-style:solid;border-left-width:5px}
.note-box-primary{background:var(--color-primary-light);border-color:var(--color-primary)}
.note-box-accent{background:var(--color-accent-light);border-color:var(--color-accent)}
.cta-section{text-align:center;padding:40px 0 10px}
.btn-group{text-align:center;margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;font-size:1rem;font-weight:600;border-radius:50px;text-decoration:none;transition:var(--transition)}
.btn-gradient-blue{background:linear-gradient(135deg,var(--color-primary),#7c3aed);color:var(--color-white);box-shadow:0 4px 14px rgba(26,86,219,.35)}
.btn-gradient-green{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-white);box-shadow:0 4px 14px rgba(5,150,105,.3)}
.btn-outline-primary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}
.btn-outline-accent{background:var(--color-white);color:var(--color-accent);border:2px solid var(--color-accent)}
.maintenance-box{max-width:900px;margin:32px auto;padding:24px 32px;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-left:5px solid var(--color-warning-border);border-radius:var(--radius-sm);text-align:center}
.last-updated{text-align:center;font-size:.85rem;color:var(--color-text-light);margin-top:28px}
.lazy,.lazy-section,.lazy-bg{opacity:0;transition:opacity .5s ease}.lazy.loaded,.lazy-section.loaded,.lazy-bg.loaded{opacity:1}
img.lazy{background:#f0f0f0;min-height:200px;width:100%;object-fit:cover}.lazy-section{min-height:100px}.lazy-bg{min-height:300px;background-size:cover;background-position:center}
@media(max-width:768px){main{margin:-20px 16px 30px;padding:32px 24px 40px}.hero-section{padding:60px 20px 50px}.author-card{flex-direction:column;text-align:center;padding:28px 24px}.author-photo{width:140px;height:140px}.author-meta li{justify-content:center}.feature-grid{grid-template-columns:1fr}.btn-group{flex-direction:column;align-items:center}}
@media(max-width:480px){main{margin:-15px 10px 24px;padding:24px 18px 32px}.hero-section{padding:50px 16px 42px}.author-card{padding:22px 18px;gap:20px}.author-photo{width:120px;height:120px}.hero-about h1{color:#fef08a}.hero-terms h1{color:#bfdbfe}.hero-privacy h1{color:#a7f3d0}.breadcrumb{padding:0 16px}}