/* Sector 7 Portal — Home Page CSS */
.s7-home {
    background: #f4f7fb;
    min-height: calc(100vh - 60px);
}

.s7-home .hero {
    background: linear-gradient(135deg, #0b0f14 0%, #0d1a2e 60%, #1a2840 100%);
    color: #fff;
    padding: 56px 24px 48px;
    text-align: center;
}

.s7-home .hero h1 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 12px;
    letter-spacing: 0.04em;
}

.s7-home .hero .hero-sub {
    font-size: 1.1rem;
    color: #8ab0d0;
    margin: 0;
    max-width: 560px;
    margin: 0 auto;
}

.s7-home .hero .hero-badge {
    display: inline-block;
    background: #1e90ff;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 4px;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.s7-home .tiles {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 24px 48px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.s7-home .tile {
    background: #fff;
    border: 1px solid #dce4ee;
    border-radius: 10px;
    padding: 24px 22px;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: box-shadow 0.15s, border-color 0.15s, transform 0.1s;
    cursor: pointer;
}

.s7-home .tile:hover {
    box-shadow: 0 4px 18px rgba(30,144,255,0.12);
    border-color: #1e90ff;
    transform: translateY(-2px);
}

.s7-home .tile .tile-icon {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 4px;
}

.s7-home .tile .tile-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0d1a2e;
}

.s7-home .tile .tile-desc {
    font-size: 0.9rem;
    color: #6b7b8d;
    line-height: 1.5;
}

.s7-home .info {
    background: #fff;
    border-top: 1px solid #dce4ee;
    padding: 32px 24px;
}

.s7-home .info .info-inner {
    max-width: 760px;
    margin: 0 auto;
}

.s7-home .info h2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0d1a2e;
    margin: 0 0 12px;
}

.s7-home .info p {
    color: #4a5568;
    line-height: 1.7;
    margin: 0 0 10px;
    font-size: 0.95rem;
}