/* Hero Section */
.hero-init {
    padding: 60px 0;
    text-align: center;
    background: linear-gradient(180deg, var(--white) 0%, var(--bg-light) 100%);
}
.hero-init h1 { font-size: clamp(28px, 5vw, 42px); color: var(--primary); margin-bottom: 15px; }
.hero-init p { color: var(--muted); max-width: 600px; margin: 0 auto 30px; }
.hero-divider { width: 60px; height: 4px; background: var(--primary-light); margin: 0 auto 20px; border-radius: 2px; }
.hero-container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }



/* --- HOME SECTION --- */
.hero {
    padding: 100px 0;
    text-align: center;
    background: radial-gradient(circle at top, #1e3a8a 0%, var(--bg-deep) 60%);
}
.hero h1 { font-size: clamp(32px, 6vw, 52px); margin-bottom: 20px; }
.hero p { color: var(--muted); max-width: 700px; margin: 0 auto 40px; font-size: 1.1rem; }

.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 50px; }
.feat-card { background: var(--bg-card); padding: 40px; border-radius: 20px; border: 1px solid var(--line); transition: 0.3s; }
.feat-card:hover { border-color: var(--primary); transform: translateY(-5px); }
.feat-card h3 { margin-bottom: 15px; color: var(--primary); }
.container-card {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 24px;
}