/* ZTech SchoolSuite — Public Site Styles */
:root {
    --zs-primary: #22C55E;
    --zs-primary-dark: #16A34A;
    --zs-accent: #0EA5E9;
    --zs-dark: #0F172A;
}

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--zs-dark); }

.btn-primary-zs {
    background: linear-gradient(135deg, var(--zs-primary), var(--zs-primary-dark));
    color: white; border: none; font-weight: 500;
    padding: .65rem 1.5rem; border-radius: 10px;
    transition: transform .15s, box-shadow .15s;
}
.btn-primary-zs:hover { color: white; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(34, 197, 94, .3); }

.hero {
    position: relative;
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 50%, #22C55E 100%);
    min-height: 68vh;
    display: flex; align-items: center;
    padding: 120px 0 80px;
}
.hero-overlay {
    position: absolute; inset: 0;
    background: radial-gradient(circle at 30% 40%, rgba(34, 197, 94, .15), transparent 60%),
                radial-gradient(circle at 70% 70%, rgba(14, 165, 233, .12), transparent 60%);
}
.hero .container { position: relative; z-index: 1; }
.hero h1 { text-shadow: 0 4px 20px rgba(0, 0, 0, .3); }

.feature-card {
    padding: 28px 20px;
    border-radius: 14px;
    background: white;
    transition: transform .2s, box-shadow .2s;
    border: 1px solid #E2E8F0;
    height: 100%;
}
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0, 0, 0, .08); }
.feature-icon {
    width: 64px; height: 64px; border-radius: 16px;
    color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem;
    margin: 0 auto 16px;
}

.post-body { font-size: 1.05rem; line-height: 1.8; color: #334155; }
.post-body p { margin-bottom: 1.2rem; }
.post-body h2 { margin-top: 2rem; font-weight: 700; }

.navbar-brand strong { color: var(--zs-dark); }