/* Reset básico */
   * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    }

    body {
        background-color: #051026;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        padding: 15px; /* Garante que o form não encoste nas bordas do celular */
    }

    .main-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        /* No desktop, ele pode chegar a 900px. No celular, ele ocupa 100% disponível */
        max-width: 900px;
    }

    /* Logo e Texto */
    .logo {
        max-width: 100%; /* Garante que a logo não ultrapasse a tela no celular */
        width: 320px;    /* Tamanho ideal para desktop */
        margin-bottom: 20px;
    }

    .info-section {
        text-align: center;
        margin-bottom: 40px;
    }

    .status-text {
        font-size: 1.2rem;
        color: #a0a0a0;
        line-height: 1.6;
    }

    /* FORMULÁRIO RESPONSIVO */
    .form-container {
        background: rgba(255, 255, 255, 0.03);
        padding: 20px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        
        /* Largura fluida */
        width: 100%; 
        display: flex;
        flex-direction: column;
    }

    .form-group {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }

    .form-group label {
        font-size: 0.9rem;
        margin-bottom: 8px;
        color: #3498db;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    input, textarea {
        background: #101a2d;
        border: 1px solid #2c313c;
        color: #fff;
        padding: 15px;
        border-radius: 8px;
        font-size: 1rem;
        outline: none;
        transition: 0.3s;
        width: 100%; /* Faz o campo ocupar toda a largura do form largo */
    }

    input:focus, textarea:focus {
        border-color: #3498db;
        box-shadow: 0 0 12px rgba(52, 152, 219, 0.25);
    }

    .btn-enviar {
        width: 100%;
        padding: 18px;
        background-color: #003354;
        color: white;
        border: none;
        border-radius: 8px;
        font-weight: bolder;
        cursor: pointer;
        transition: 0.3s ease;
        font-size: 1.0rem;
        text-transform: uppercase;
    }

    .btn-enviar:hover {
        background-color: #14496d;
        transform: translateY(-1px);
    }

    /* Ajustes específicos para telas pequenas (Celulares) */
    @media (max-width: 600px) {
        .form-container {
            padding: 10px; /* Diminui o respiro interno para sobrar espaço para o texto */
        }
        
        .logo {
            width: 238px;
            height: auto; 
            /* Logo um pouco menor no celular */
        }

        .status-text {
            font-size: 1rem;
        }
    }