.hero {
    text-align: center;
    padding: 3rem 1rem 2rem;
}
.hero h1 {
}
.hero p.lead {
    color: #6b7280;
    margin: 0.25rem 0 2rem;
}
.actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 320px;
    margin: 0 auto;
}
.actions a {
    display: block;
    padding: 0.9rem 1.2rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    border: 1px solid #d1d5db;
    color: inherit;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.actions a.primary {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
}
.actions a.primary:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}
.actions a.secondary:hover {
    border-color: #2563eb;
    color: #1d4ed8;
}
footer.site {
    text-align: center;
    margin-top: 2.5rem;
    font-size: 0.75rem;
    color: #9ca3af;
}

#index-page ui-logo img					{ height:28px; }
#index-page h1							{ line-height:1.5em; }

#index-page ui-header					{ height:48px; padding-left:18px; }
#index-page ui-footer					{ height:52px; }
#index-page ui-main						{ width:100%; height:auto; min-height:calc(100vh - 48px - 52px); display:flex;  justify-content:center; }
#index-page ui-main ui-container		{ max-width:560px; padding-top:32px; }