/* ==========================================================================
   Coming soon page
   Extracted from a 111-line inline <style> block in the template.
   ========================================================================== */

.coming-soon-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 120px 0 80px;
}

.coming-soon-page__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
max-width: 800px;
margin: 0 auto;
}

.coming-soon-page__main {
grid-column: 1 / -1;
text-align: center;
padding: 48px 32px;
}

.coming-soon-page__icon {
color: var(--primary-color);
margin-bottom: 20px;
animation: coming-soon-spin 4s linear infinite;
}

@keyframes coming-soon-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

.coming-soon-page__title {
font-size: 1.75rem;
color: var(--text-heading);
margin-bottom: 12px;
}

.coming-soon-page__description {
font-size: 0.9375rem;
color: var(--text-muted);
line-height: 1.7;
max-width: 480px;
margin: 0 auto 28px;
}

.coming-soon-page__actions {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}

.coming-soon-page__actions .btn {
gap: 8px;
}

/* Info cards */
.coming-soon-page__card {
display: flex;
flex-direction: column;
gap: 8px;
}

.coming-soon-page__card .card__header {
margin-bottom: 4px;
}

.coming-soon-page__card-text {
font-size: 0.9375rem;
color: var(--text-muted);
line-height: 1.7;
margin: 0;
}

.coming-soon-page__card-icon {
flex-shrink: 0;
}

.coming-soon-page__card-icon--blue {
color: var(--primary-color);
}

.coming-soon-page__card-icon--green {
color: var(--status-green);
}

@media (max-width: 768px) {
.coming-soon-page {
    padding: 100px 0 60px;
}

.coming-soon-page__grid {
    grid-template-columns: 1fr;
}

.coming-soon-page__title {
    font-size: 1.375rem;
}

.coming-soon-page__main {
    padding: 32px 20px;
}

.coming-soon-page__actions .btn {
    width: 100%;
}
}