:root{--primary-gradient:linear-gradient(135deg,#10b981 0%,#c6ef32 100%);--bg-gradient:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);--glass-border:rgba(255,255,255,0.4);--text-primary:#1e293b;--accent-color:#047857}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{padding:10px 0;position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.05)}
nav{display:flex;justify-content:space-between;align-items:center}
.logo-container{display:flex;align-items:center;gap:12px;margin:5px 0}
.nav-logo{width:40px;height:40px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.logo{font-size:1.5rem;font-weight:700}.logo a{color:#000;text-decoration:none}
.nav-links{display:flex;list-style:none;gap:20px}
.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:600}
.nav-links a:hover{color:var(--accent-color)}
.breadcrumb{padding:15px 0;font-size:.9rem;color:#64748b}
.breadcrumb a{color:var(--accent-color);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.page-hero{padding:60px 0 40px;text-align:center}
.hero-box{padding:40px;max-width:900px;margin:0 auto;background:rgba(255,255,255,.85);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}
.page-hero h1{font-size:2.8rem;font-weight:800;margin-bottom:15px;line-height:1.1}
.subtitle{font-size:1.2rem;color:#64748b;margin-bottom:15px}
.badge{font-size:.8rem;background:#047857;color:#fff;padding:5px 12px;border-radius:50px;vertical-align:middle;margin-left:10px}
.btn{padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s}
.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px rgba(16,185,129,.4)}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(16,185,129,.6)}
.btn-secondary{background:linear-gradient(135deg,#3b82f6,#2dd4bf);color:#fff;box-shadow:0 4px 15px rgba(0,112,243,.4)}
.cta-group{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.content-section{padding:60px 0}
.content-box{padding:40px;background:rgba(255,255,255,.85);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);line-height:1.8}
.content-box h2{color:#1e293b;margin-bottom:20px;font-size:2rem}
.content-box h3{color:#1e293b;margin:30px 0 15px;font-size:1.4rem}
.content-box p{margin-bottom:20px;color:#475569;font-size:1.05rem}
.content-box strong{color:#047857}
.content-box a{color:#047857;text-decoration:none;border-bottom:1px dashed #047857}
.content-box a:hover{border-bottom-style:solid}
.content-box ul,.content-box ol{margin-left:20px;margin-bottom:20px;color:#475569;line-height:2}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0}
.feature-card{padding:25px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.05);border-radius:16px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.feature-card h4{margin:10px 0;color:var(--text-primary)}.feature-card p{font-size:.9rem;color:#64748b;margin:0}
.feature-icon{font-size:2.5rem}
.internal-links{padding:40px 0}
.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}
.link-card{padding:20px;background:rgba(255,255,255,.85);border:1px solid var(--glass-border);border-radius:16px;text-align:center;text-decoration:none;color:var(--text-primary);font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.link-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,.2);background:var(--primary-gradient);color:#fff}
footer{padding:40px 0;text-align:center;border-top:1px solid var(--glass-border);background:#f1f5f9}
footer a{color:#047857;text-decoration:none;font-weight:600}
footer p{color:#475569;margin-bottom:10px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:30px 0}
.blog-card{background:rgba(255,255,255,.9);border:1px solid var(--glass-border);border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.1)}
.blog-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-primary)}
.blog-card h3 a{color:var(--text-primary);text-decoration:none;border:none}
.blog-card h3 a:hover{color:var(--accent-color)}
.blog-card p{font-size:.9rem;color:#64748b;margin:0}
.blog-tag{display:inline-block;padding:3px 10px;background:rgba(4,120,87,.1);color:#047857;border-radius:50px;font-size:.75rem;font-weight:600;margin-bottom:10px}
.about-team{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(4,120,87,.05);border-radius:16px;margin:20px 0}
.about-team img{width:80px;height:80px;border-radius:50%;object-fit:cover}
@media(max-width:768px){.page-hero h1{font-size:1.8rem}.nav-links{display:none}.content-box{padding:20px}.hero-box{padding:25px 15px}.cta-group{flex-direction:column}.features-grid{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.features-grid{grid-template-columns:1fr}}