/* Coming Soon Styling */
.coming-soon-container {
    text-align: center;
    padding: 3rem;
    background: var(--bg-surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius-lg);
    width: 100%;
    max-width: 600px;
}

.coming-soon-text {
    font-family: var(--font-mono);
    font-size: 1.5rem;
    color: var(--accent);
    margin-bottom: 0.5rem;
}

.terminal-prompt {
    color: var(--text-secondary);
    margin-right: 0.5rem;
}

.coming-soon-sub {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.dots {
    animation: dots 1.5s infinite;
}

@keyframes dots {

    0%,
    20% {
        content: ".";
    }

    40% {
        content: "..";
    }

    60%,
    100% {
        content: "...";
    }
}